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
@@ -35,7 +35,7 @@ export default function BottomNav() {

  return (
    <nav
-      className="fixed bottom-0 left-0 right-0 z-50"
+      className="fixed bottom-0 left-0 right-0 z-50 lg:left-1/2 lg:right-auto lg:w-[min(1180px,calc(100vw-3rem))] lg:-translate-x-1/2"
      style={{
        background: "rgba(10, 10, 12, 0.96)",
        backdropFilter: "blur(40px) saturate(200%)",