Files
HaBit/components/layout/app-bottom-spacer.tsx
Harkamal Randhawa 831170573b Pin bottom nav to viewport and reserve scroll clearance.
Track visual viewport for keyboard offset, add bottom spacer, use solid
nav background with safe-area padding, and avoid zero nav offset fallback.
2026-05-24 04:34:34 -06:00

13 lines
291 B
TypeScript

export function AppBottomSpacer() {
return (
<div
aria-hidden
className="app-bottom-spacer w-full shrink-0"
style={{
minHeight:
"calc(var(--app-nav-offset, var(--bottom-nav-height)) + var(--app-viewport-bottom-offset, 0px))",
}}
/>
);
}