← Back to Articles
2026-05-18frontend

Responsive mobile sidebar added

  • Change: Sidebar shell split into sidebar-desktop-shell.tsx and sidebar-mobile-shell.tsx. Mobile view uses a top navigation bar instead of fixed left/right strips.
  • Why: Fixed w-16 sidebars were unusable on narrow viewports.
  • Affected Modules: app/_component/sidebars.tsx, app/_component/sidebar-desktop-shell.tsx, app/_component/sidebar-mobile-shell.tsx, app/layout.tsx
  • Trade-offs:
    • Pro: Site is now usable on mobile.
    • Con: Two code paths (desktop/mobile) for what is conceptually the same navigation shell; must keep both in sync when adding new nav items.