From ae18368a171a865b8ec72b5fd71537c2271d9585 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9F=B3=E6=B8=85=E7=88=BD?= <eison.icu@gmail.com>
Date: Wed, 2 Apr 2025 09:45:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=BB=E9=99=A4=E4=B8=BB=E4=BD=93=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=9C=80=E5=B0=8F=E8=BE=B9=E6=A1=86=E9=99=90=E5=88=B6?=
 =?UTF-8?q?=EF=BC=8C=E5=8E=BB=E9=99=A4=E9=A1=B5=E9=9D=A2=E5=A4=9A=E4=BD=99?=
 =?UTF-8?q?=E8=BE=B9=E8=B7=9D=E5=AF=BC=E8=87=B4=E5=86=85=E5=AE=B9=E8=BF=87?=
 =?UTF-8?q?=E7=AA=84=E9=A1=B5=E9=9D=A2=E6=8D=A2=E8=A1=8C=E5=8F=98=E5=BD=A2?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Cunkebao/app/clientLayout.tsx             | 12 +++++++-----
 Cunkebao/app/components/BottomNav.tsx     |  2 +-
 Cunkebao/app/components/LayoutWrapper.tsx | 12 +++++++-----
 Cunkebao/app/layout.tsx                   |  6 +-----
 4 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/Cunkebao/app/clientLayout.tsx b/Cunkebao/app/clientLayout.tsx
index 512d186b3..cb105ad8d 100644
--- a/Cunkebao/app/clientLayout.tsx
+++ b/Cunkebao/app/clientLayout.tsx
@@ -18,11 +18,13 @@ function LayoutContent({ children }: { children: React.ReactNode }) {
     pathname === "/" || pathname === "/devices" || pathname === "/content" || pathname === "/profile"
 
   return (
-    <main className="max-w-[390px] mx-auto bg-white min-h-screen flex flex-col relative">
-      {children}
-      {showBottomNav && <BottomNav />}
-      {showBottomNav && <VideoTutorialButton />}
-    </main>
+    <div className="mx-auto w-full">
+      <main className="w-full mx-auto bg-white min-h-screen flex flex-col relative lg:max-w-7xl xl:max-w-[1200px]">
+        {children}
+        {showBottomNav && <BottomNav />}
+        {showBottomNav && <VideoTutorialButton />}
+      </main>
+    </div>
   )
 }
 
diff --git a/Cunkebao/app/components/BottomNav.tsx b/Cunkebao/app/components/BottomNav.tsx
index cc2235518..969385051 100644
--- a/Cunkebao/app/components/BottomNav.tsx
+++ b/Cunkebao/app/components/BottomNav.tsx
@@ -16,7 +16,7 @@ export default function BottomNav() {
 
   return (
     <nav className="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200">
-      <div className="max-w-md mx-auto flex justify-around">
+      <div className="w-full mx-auto flex justify-around">
         {navItems.map((item) => (
           <Link
             key={item.href}
diff --git a/Cunkebao/app/components/LayoutWrapper.tsx b/Cunkebao/app/components/LayoutWrapper.tsx
index 30d84d72a..6e12898a2 100644
--- a/Cunkebao/app/components/LayoutWrapper.tsx
+++ b/Cunkebao/app/components/LayoutWrapper.tsx
@@ -13,11 +13,13 @@ export default function LayoutWrapper({ children }: { children: React.ReactNode
   const showBottomNav = mainPages.includes(pathname)
 
   return (
-    <main className="max-w-[390px] mx-auto bg-white min-h-screen flex flex-col relative">
-      {children}
-      {showBottomNav && <BottomNav />}
-      {showBottomNav && <VideoTutorialButton />}
-    </main>
+    <div className="mx-auto w-full">
+      <main className="w-full mx-auto bg-white min-h-screen flex flex-col relative lg:max-w-7xl xl:max-w-[1200px]">
+        {children}
+        {showBottomNav && <BottomNav />}
+        {showBottomNav && <VideoTutorialButton />}
+      </main>
+    </div>
   )
 }
 
diff --git a/Cunkebao/app/layout.tsx b/Cunkebao/app/layout.tsx
index ef99c4ccb..482ed3213 100644
--- a/Cunkebao/app/layout.tsx
+++ b/Cunkebao/app/layout.tsx
@@ -28,8 +28,4 @@ export default function RootLayout({
       </body>
     </html>
   )
-}
-
-
-
-import './globals.css'
\ No newline at end of file
+}
\ No newline at end of file