jack/PocketVeto
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/components/shared/AuthGuard.tsx
View File

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