steveandClaude Opus 4.8
9f434a801a
The top bar was desktop-shaped — logo + Gardens/Plants/Settings + name + Sign out crammed in one row, wrapping "Sign out" to two lines at 390px, with no thumb-reachable navigation. Mobile-first now: - Slim top bar: brand (left, still the way back to /gardens) + a compact account control (right). - Section nav (Gardens/Plants/Settings) moves to a bottom tab bar in the thumb zone, safe-area-aware, ≥52px targets, shown only when signed in. - Account/sign-out is a small top-right popover (Signed in as … / Sign out), reachable in 2 taps. Close-on-outside-tap via a backdrop button, no document listener. - Desktop (md:+) keeps the inline top nav; the bottom bar is md:hidden. - The editor is a full-screen context, so it owns the bottom of the screen — the app bottom bar hides on /gardens/$id (via useMatchRoute), leaving no competing bars there; the editor's own mode bar arrives in the mode-model issue. Verified live at 390px and 1280px: bottom bar on the list, hidden in the editor, account menu opens, desktop unchanged. tsc + vitest green. Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]> Claude-Session: https://claude.ai/code/session_01H3zbym8Doka2d7D48maSgZ