From 21dd784fbb45b8b4c8c576f059071901ab2571ef Mon Sep 17 00:00:00 2001
From: Jack Levy <YOUR_GITEA_NOREPLY_EMAIL_HERE>
Date: Sun, 15 Mar 2026 19:51:58 -0400
Subject: [PATCH] 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
---
 frontend/components/shared/AuthGuard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/shared/AuthGuard.tsx b/frontend/components/shared/AuthGuard.tsx
index bc4ca68..b755247 100644
--- a/frontend/components/shared/AuthGuard.tsx
+++ b/frontend/components/shared/AuthGuard.tsx
@@ -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 />