f80bd8afbe
All checks were successful
Deploy to Production / deploy (push) Successful in 52s
Top header on mobile was cramped: Logo + 5 icon-only nav buttons + avatar crammed into a 48px-tall row. Felt like a desktop nav shrunk down. Pivot to native-mobile-app pattern: - Top mobile: just Logo (left) + UserMenu avatar (right). Desktop top nav is `hidden sm:flex` so it disappears on phones. - Bottom: full tab bar replacing the single-button MobileActionBar. Five destinations: Overview · Servers · Create (FAB-style center) · Market · Settings. - "Create" is a raised FAB-style button (round accent fill, -mt-3 to overlap the bar border) — same prominent-action pattern as Instagram / Notion mobile. - Active tab gets accent color + aria-current=page. - Audit demoted from primary nav on mobile (low frequency); still reachable via direct /audit URL. Desktop unchanged — top nav stays. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| ui | ||
| code-block.tsx | ||
| cookie-banner.tsx | ||
| country-picker.tsx | ||
| docs-page.tsx | ||
| input.tsx | ||
| install-snippets.tsx | ||
| json-ld.tsx | ||
| logo.tsx | ||
| marketing-auth-buttons.tsx | ||
| marketing-mobile-menu.tsx | ||
| mobile-action-bar.tsx | ||
| site-banner.tsx | ||
| status-pill.tsx | ||
| streaming-logs.tsx | ||
| user-menu.tsx | ||