From f9c0621c15e27c5d291f1128fb7b69b670d6f960 Mon Sep 17 00:00:00 2001
From: johnnyjoy <yourselfhosted@gmail.com>
Date: Mon, 19 May 2025 22:15:11 +0800
Subject: [PATCH] refactor: root layout

---
 web/src/layouts/RootLayout.tsx | 34 ++++++++++++++++------------------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/web/src/layouts/RootLayout.tsx b/web/src/layouts/RootLayout.tsx
index 1b5b800b..e02ed8ea 100644
--- a/web/src/layouts/RootLayout.tsx
+++ b/web/src/layouts/RootLayout.tsx
@@ -45,24 +45,22 @@ const RootLayout = observer(() => {
   return !initialized ? (
     <Loading />
   ) : (
-    <div className="w-full min-h-full">
-      <div className={cn("w-full transition-all mx-auto flex flex-row justify-center items-start", "sm:pl-16")}>
-        {sm && (
-          <div
-            className={cn(
-              "group flex flex-col justify-start items-start fixed top-0 left-0 select-none border-r dark:border-zinc-800 h-full bg-zinc-100 dark:bg-zinc-800 dark:bg-opacity-40 transition-all hover:shadow-xl z-2",
-              "w-16 px-2",
-            )}
-          >
-            <Navigation collapsed={true} />
-          </div>
-        )}
-        <main className="w-full h-auto flex-grow shrink flex flex-col justify-start items-center">
-          <Suspense fallback={<Loading />}>
-            <Outlet />
-          </Suspense>
-        </main>
-      </div>
+    <div className="w-full min-h-full flex flex-row justify-center items-start sm:pl-16">
+      {sm && (
+        <div
+          className={cn(
+            "group flex flex-col justify-start items-start fixed top-0 left-0 select-none border-r dark:border-zinc-800 h-full bg-zinc-100 dark:bg-zinc-800 dark:bg-opacity-40",
+            "w-16 px-2",
+          )}
+        >
+          <Navigation collapsed={true} />
+        </div>
+      )}
+      <main className="w-full h-auto flex-grow shrink flex flex-col justify-start items-center">
+        <Suspense fallback={<Loading />}>
+          <Outlet />
+        </Suspense>
+      </main>
     </div>
   );
 });