Enhance layout responsiveness by centering main content and adjusting sidebar behavior; update BottomNav styles for better alignment on larger screens.

2026-04-29 10:14:25 +08:00
parent e6910d288b
commit c7459fb097
4 changed files with 11 additions and 6 deletions
@@ -49,7 +49,12 @@ function App() {
          <TooltipProvider>
            <Toaster />
            <Router base="/x8/v2/public">
-              <AppRouter />
+              {/* Desktop: narrow shell centered in the browser with side gutters */}
+              <div className="min-h-dvh bg-[#0d1117]">
+                <div className="mx-auto min-h-dvh w-full max-w-full lg:max-w-[min(1180px,calc(100vw-3rem))]">
+                  <AppRouter />
+                </div>
+              </div>
            </Router>
          </TooltipProvider>
        </DeviceProvider>