From 3e346991946a3d14ebdda2687617a3cd30a9d759 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Tue, 11 Jun 2024 18:03:02 +0530
Subject: [PATCH] chore: page loader improvement (#4753)

---
 .../pages/loaders/page-content-loader.tsx     | 31 ++-----------------
 1 file changed, 2 insertions(+), 29 deletions(-)

diff --git a/web/core/components/pages/loaders/page-content-loader.tsx b/web/core/components/pages/loaders/page-content-loader.tsx
index 29cf399cb..25a4d6153 100644
--- a/web/core/components/pages/loaders/page-content-loader.tsx
+++ b/web/core/components/pages/loaders/page-content-loader.tsx
@@ -6,7 +6,7 @@ import { Loader } from "@plane/ui";
 export const PageContentLoader = () => (
   <div className="relative w-full h-full flex flex-col">
     {/* header */}
-    <div className="px-4 flex-shrink-0 relative flex items-center justify-between h-12 border-b border-custom-border-100">
+    <div className="px-16 flex-shrink-0 relative flex items-center justify-between h-12 border-b border-custom-border-100">
       {/* left options */}
       <Loader className="flex-shrink-0 w-[280px]">
         <Loader.Item width="26px" height="26px" />
@@ -47,34 +47,7 @@ export const PageContentLoader = () => (
     </div>
 
     {/* content */}
-    <div className="px-4 w-full h-full overflow-hidden relative flex">
-      {/* table of content loader */}
-      <div className="flex-shrink-0 w-[280px] pr-5 py-5">
-        <Loader className="w-full space-y-4">
-          <Loader.Item width="100%" height="24px" />
-          <div className="space-y-2">
-            <Loader.Item width="60%" height="12px" />
-            <div className="ml-6 space-y-2">
-              <Loader.Item width="80%" height="12px" />
-              <Loader.Item width="100%" height="12px" />
-            </div>
-            <Loader.Item width="60%" height="12px" />
-            <div className="ml-6 space-y-2">
-              <Loader.Item width="80%" height="12px" />
-              <Loader.Item width="100%" height="12px" />
-            </div>
-            <Loader.Item width="100%" height="12px" />
-            <Loader.Item width="60%" height="12px" />
-            <div className="ml-6 space-y-2">
-              <Loader.Item width="80%" height="12px" />
-              <Loader.Item width="100%" height="12px" />
-            </div>
-            <Loader.Item width="80%" height="12px" />
-            <Loader.Item width="100%" height="12px" />
-          </div>
-        </Loader>
-      </div>
-
+    <div className="px-16 w-full h-full overflow-hidden relative flex">
       {/* editor loader */}
       <div className="w-full h-full py-5">
         <Loader className="relative space-y-4">