updated layout

Added a main div and fixed classname so footer stays to the bottom
codu-code · Nov 7, 2024 · 351d927 · 351d927
1 parent 94401a6
commit 351d927
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
@@ -78,14 +78,16 @@ export default async function RootLayout({
     : null;
 
   return (
-    <>
+    <div className="grid min-h-screen grid-rows-[auto_1fr_auto]">
       <Nav
         session={session}
         algoliaSearchConfig={algoliaSearchConfig}
         username={userData?.username || null}
       />
-      {children}
+      <main className="w-full relative mx-auto max-w-2xl bg-neutral-100 dark:bg-black sm:mx-auto">
+        {children}
+      </main>
       <Footer />
-    </>
+      </div>
   );
 }
diff --git a/app/(app)/my-posts/_client.tsx b/app/(app)/my-posts/_client.tsx
@@ -109,8 +109,8 @@ const MyPosts = () => {
         />
       )}
       <div className="relative mx-4 max-w-2xl bg-neutral-100 dark:bg-black sm:mx-auto">
-        <div className="mb-4 mt-8">
-          <Tabs tabs={tabs} />
+      <div className="mb-4 mt-8">
+      <Tabs tabs={tabs} />
         </div>
         <div>
           {selectedTabData.status === "loading" && (