From c64a3e5d52d58d01cf7920ef917ada66a4e3edca Mon Sep 17 00:00:00 2001
From: lucaronin <luca.rossi.917@gmail.com>
Date: Thu, 2 Apr 2026 09:45:10 +0200
Subject: [PATCH] fix: use percentage heights instead of 100vh to fix status
 bar visibility in native app
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

With titleBarStyle: "Overlay" in Tauri, 100vh in WKWebView includes the
overlaid title bar area, making the app-shell taller than the visible
viewport. The 30px StatusBar (including the Commit button) was pushed
below the visible area and clipped by overflow:hidden. Using height:100%
chains from html→body→#root→app-shell to correctly constrain to the
visible viewport.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/App.css   | 4 ++--
 src/index.css | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/App.css b/src/App.css
index cc1d6de4..9fb14521 100644
--- a/src/App.css
+++ b/src/App.css
@@ -2,8 +2,8 @@
 .app-shell {
   display: flex;
   flex-direction: column;
-  height: 100vh;
-  width: 100vw;
+  height: 100%;
+  width: 100%;
   overflow: hidden;
   box-shadow: inset 0 0 0 1px var(--border-primary);
 }
diff --git a/src/index.css b/src/index.css
index 90617754..7622599b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -143,9 +143,13 @@
     padding: 0;
     overflow: hidden;
   }
+  html, body {
+    height: 100%;
+    width: 100%;
+  }
   #root {
-    width: 100vw;
-    height: 100vh;
+    width: 100%;
+    height: 100%;
   }
 }