Change common layout to specific components

chauhanshilpa · chauhanshilpa · commit d723ac1392af · 2024-05-15T14:42:54.000+05:30
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -19,9 +19,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={inter.className}>
-        <main className="w-[95vw] mx-auto p-10">
           {children}
-        </main>
       </body>
     </html>
   );
diff --git a/app/page.tsx b/app/page.tsx
@@ -13,7 +13,7 @@ import Footer from "./components/Footer";
 
 export default function Home() {
   return (
-    <>
+    <main className="w-[95vw] mx-auto p-10">
       <HomeNavbar />
       <div className="bg-[#CDE1F2] p-10">
         <div className="flex lg:flex-row md:flex-col sm:items-center xs:flex-col justify-between row-1">
@@ -90,6 +90,6 @@ export default function Home() {
       </div>
       <hr className="mt-5" />
       <Footer />
-    </>
+    </main>
   );
 }
diff --git a/app/voyager/communities/page.tsx b/app/voyager/communities/page.tsx
@@ -9,7 +9,7 @@ import Footer from "@/app/components/Footer";
 
 const Community = () => {
   return (
-    <>
+    <main className="w-[95vw] mx-auto p-10">
       <CommunitiesNavbar />
       <div>
         <div className="text-lg font-bold mt-10 mb-5">
@@ -85,7 +85,7 @@ const Community = () => {
       </div>
       <hr className="mt-5" />
       <Footer />
-    </>
+    </main>
   );
 };
 
diff --git a/app/voyager/my_account/page.tsx b/app/voyager/my_account/page.tsx
@@ -12,7 +12,7 @@ const MyAccount = () => {
   const id = searchParams.get("userId");
 
   return (
-    <>
+    <main className="w-[95vw] mx-auto p-10">
       <HomeNavbar />
       <div
         className="p-10 bg-cover bg-center h-screen"
@@ -43,7 +43,7 @@ const MyAccount = () => {
       </div>
       <hr className="mt-5" />
       <Footer />
-    </>
+    </main>
   );
 };
 
diff --git a/app/voyager/profile/page.tsx b/app/voyager/profile/page.tsx
@@ -7,7 +7,7 @@ import Footer from "@/app/components/Footer";
 
 const Profile = () => {
   return (
-    <>
+    <main className="w-[95vw] mx-auto p-10">
       <ProfileNavbar />
       <hr className="mt-5" />
       <div className="row-1 flex flex-wrap items-center gap-5 justify-center mt-5">
@@ -85,7 +85,7 @@ const Profile = () => {
       </div>
       <hr className="mt-5" />
       <Footer />
-    </>
+    </main>
   );
 };
 
