fix: use h-dvh instead of h-screen to fix iOS Safari bottom cutoff

100vh on iOS Safari includes browser chrome, cutting off page content.
dvh (dynamic viewport height) adjusts correctly as the toolbar appears/disappears.

Authored by: Jack Levy
This commit is contained in:
Jack Levy
2026-03-15 19:51:58 -04:00
parent e12567ea3c
commit 21dd784fbb

View File

@@ -42,7 +42,7 @@ export function AuthGuard({ children }: { children: React.ReactNode }) {
// Authenticated or guest browsing: render the full app shell
return (
<div className="flex h-screen bg-background">
<div className="flex h-dvh bg-background">
{/* Desktop sidebar — hidden on mobile */}
<div className="hidden md:flex">
<Sidebar />