From 351d9270052790f4904228471d1e80a57c67acd4 Mon Sep 17 00:00:00 2001
From: Zayd <zaidbaig738@gmail.com>
Date: Thu, 7 Nov 2024 14:49:07 +0530
Subject: [PATCH] updated layout

Added a main div and fixed classname so footer stays to the bottom
---
 app/(app)/layout.tsx           | 8 +++++---
 app/(app)/my-posts/_client.tsx | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
index cdb45497..2f4fa033 100644
--- 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
index ee9cfcd6..8abbeaae 100644
--- 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" && (