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
@@ -40,7 +40,7 @@ export default function Sidebar() {
  const { deviceState, isConnected, isDemoMode } = useDevice();

  return (
-    <aside className="glass-sidebar fixed left-0 top-0 h-full w-[220px] z-40 flex flex-col">
+    <aside className="glass-sidebar sticky top-0 z-40 flex h-screen w-[220px] shrink-0 flex-col self-start lg:border-r lg:border-white/[0.06]">
      {/* Logo */}
      <div className="px-5 pt-6 pb-4">
        <div className="flex items-center gap-3">