🐛 Fix layout issues

lukevella · Jan 13, 2024 · dda1624 · dda1624 · vercel · Jan 13, 2024
1 parent 67a5dab
commit dda1624
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/apps/web/src/app/[locale]/(admin)/layout.tsx b/apps/web/src/app/[locale]/(admin)/layout.tsx
@@ -55,19 +55,21 @@ export default async function Layout({
 }) {
   function SidebarLayout() {
     return (
-      <div className="lg:flex h-full bg-gray-50">
+      <div className="bg-gray-50">
         <MobileNavigation />
         <div
           className={cn(
-            "hidden lg:flex lg:w-72 bg-gray-100 shrink-0 flex-col gap-y-5 overflow-y-auto border-r lg:px-6 lg:py-4 px-5 py-4",
+            "hidden lg:flex z-50 inset-y-0 lg:fixed lg:w-72 bg-gray-100 shrink-0 flex-col gap-y-5 overflow-y-auto border-r lg:px-6 lg:py-4 px-5 py-4",
           )}
         >
           <div>
             <LogoLink />
           </div>
           <Sidebar />
         </div>
-        <div className={cn("grow overflow-auto bg-gray-50")}>{children}</div>
+        <div className={cn("grow overflow-auto lg:pl-72 bg-gray-50")}>
+          {children}
+        </div>
       </div>
     );
   }

diff --git a/apps/web/src/app/[locale]/layout.tsx b/apps/web/src/app/[locale]/layout.tsx
@@ -26,7 +26,7 @@ export default function Root({
 }) {
   return (
     <html lang={locale} className={inter.className}>
-      <body className="h-screen overflow-y-scroll">
+      <body>
         <Toaster />
         <Providers>{children}</Providers>
       </body>