fnvtk/ckb-SuperAdmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

去除主体页面最小边框限制，去除页面多余边距导致内容过窄页面换行变形的问题

Browse Source
This commit is contained in:
柳清爽
2025-04-02 09:45:04 +08:00
parent ad5fbd880a
commit ae18368a17
4 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
Cunkebao/app/clientLayout.tsx
View File

@@ -18,11 +18,13 @@ function LayoutContent({ children }: { children: React.ReactNode }) {
pathname === "/" || pathname === "/devices" || pathname === "/content" || pathname === "/profile" pathname === "/" || pathname === "/devices" || pathname === "/content" || pathname === "/profile"
return ( return (
<main className="max-w-[390px] mx-auto bg-white min-h-screen flex flex-col relative"> <div className="mx-auto w-full">
{children} <main className="w-full mx-auto bg-white min-h-screen flex flex-col relative lg:max-w-7xl xl:max-w-[1200px]">
{showBottomNav && <BottomNav />} {children}
{showBottomNav && <VideoTutorialButton />} {showBottomNav && <BottomNav />}
</main> {showBottomNav && <VideoTutorialButton />}
</main>
</div>
) )
} }

2
Cunkebao/app/components/BottomNav.tsx
View File

@@ -16,7 +16,7 @@ export default function BottomNav() {
return ( return (
<nav className="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200"> <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) => ( {navItems.map((item) => (
<Link <Link
key={item.href} key={item.href}

12
Cunkebao/app/components/LayoutWrapper.tsx
View File

@@ -13,11 +13,13 @@ export default function LayoutWrapper({ children }: { children: React.ReactNode
const showBottomNav = mainPages.includes(pathname) const showBottomNav = mainPages.includes(pathname)
return ( return (
<main className="max-w-[390px] mx-auto bg-white min-h-screen flex flex-col relative"> <div className="mx-auto w-full">
{children} <main className="w-full mx-auto bg-white min-h-screen flex flex-col relative lg:max-w-7xl xl:max-w-[1200px]">
{showBottomNav && <BottomNav />} {children}
{showBottomNav && <VideoTutorialButton />} {showBottomNav && <BottomNav />}
</main> {showBottomNav && <VideoTutorialButton />}
</main>
</div>
) )
} }

4
Cunkebao/app/layout.tsx
View File

@@ -29,7 +29,3 @@ export default function RootLayout({
</html> </html>
) )
} }
import './globals.css'