mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-09 13:01:00 +00:00
Marc-André Bombeck
585637d5ab
The mobile bottom tab-bar bled into the bottom of the visible area on /settings/account and /settings/ai per the runtime audit. The bar previously rendered as bg-card/80 (80% opacity, translucent) and relied on the inner flex row's h-16 alone for its height — without a min-height floor on the outer nav, a future variant or any flex- collapse quirk could let the surface shrink under the 64px floor the auth-shell counts on. Pin the bar at min-h-16 on the outer nav (defence in depth against flex collapse) and switch the surface from bg-card/80 to a solid bg-card. The safe-area inset and fixed bottom-anchor stay as they were. Page shells that scroll content beneath the bar are still responsible for reserving pb-16 + safe-area on their main column; this change makes the bar itself robust so any future page-shell oversight produces a hard occlusion (visibly broken on review) rather than a translucent bleed (silently shipped). Bottom-nav SSR test stays green (4/4) — five primary anchors, More button, aria-haspopup, 44px tap-target floor. Refs: .planning/round-v1433-audit-runtime.md F14