refactor: root layout

web/src/layouts/RootLayout.tsx

@@ -45,12 +45,11 @@ const RootLayout = observer(() => {
   return !initialized ? (
     <Loading />
   ) : (
-    <div className="w-full min-h-full">
+    <div className="w-full min-h-full flex flex-row justify-center items-start sm:pl-16">
-      <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",
+            "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",
           )}
         >
@@ -63,7 +62,6 @@ const RootLayout = observer(() => {
         </Suspense>
       </main>
     </div>
-    </div>
   );
 });