fix: fix layout bug

chingu-x · Aug 30, 2024 · b5de110 · b5de110
1 parent 8b3f0f3
commit b5de110
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/(auth)/layout.tsx b/src/app/(auth)/layout.tsx
@@ -16,7 +16,7 @@ export default function Layout({ children }: LayoutProps) {
       </Navbar>
       <main className="flex h-full w-full flex-col items-center overflow-y-auto p-10">
         <div className="h-full gap-y-9 xl:flex">
-          <div className="flex h-full items-center justify-center">
+          <div className="flex items-center justify-center">
             <AuthBannerContainer />
             {children}
           </div>

diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
@@ -26,7 +26,7 @@ export default async function Layout({ children }: LayoutProps) {
       <div className="relative flex flex-1 overflow-hidden">
         <Sidebar />
         <main className="flex w-full flex-1 flex-col items-center overflow-y-auto p-10">
-          <div className="flex h-full w-full max-w-[1500px] flex-col gap-y-10">
+          <div className="flex w-full max-w-[1500px] flex-col gap-y-10">
             {children}
           </div>
         </main>

diff --git a/src/components/Error.tsx b/src/components/Error.tsx
@@ -31,7 +31,7 @@ export default function ErrorComponent({
   }
 
   return (
-    <div className="mx-auto flex h-full w-full max-w-[628px] flex-col items-center justify-center gap-y-6">
+    <div className="mx-auto flex h-[calc(100vh-155px)] w-full max-w-[628px] flex-col items-center justify-center gap-y-6">
       <Banner
         imageLight="/img/error_light.png"
         imageDark="/img/error_dark.png"