User-Wunsch: kleine screens (iPhone) keine sidebar, sondern bottom-tab-bar wie native rebreak-app. Layout-Architektur: - Desktop (lg+, ≥1024px): - Topbar: email + logout-button - Sidebar links (w-56) mit full-label-nav (versteckt <lg) - Content rechts (p-6) - Mobile (<lg): - Topbar: hamburger UDropdownMenu rechts (email + logout) - Sidebar versteckt - Content full-width (p-4 pb-24, damit content nicht hinter tab-bar) - Bottom-tab-bar: fixed bottom-0, border-t, bg-gray-950/95 backdrop-blur - 5 tabs in grid-cols-5: Home / Domains / Users / Stats / Mod - Icon (h-5 w-5) + label (text-[10px]) - Active-state: text-white bg-gray-800 (route-match isActive helper) - Safe-area-bottom respektiert via env(safe-area-inset-bottom) Pages-content unangetastet, nur layout. Build clean. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Description
Self-hosted mirror of rebreak monorepo
Languages
TypeScript
68%
Vue
7.9%
Swift
7.7%
Shell
4.2%
JavaScript
3.1%
Other
8.9%