From 43287abfd7051206ea82ba779b641ae78b94ec68 Mon Sep 17 00:00:00 2001
From: lamprose <29279979+lamprose@users.noreply.github.com>
Date: Fri, 21 Nov 2025 15:10:45 +0800
Subject: [PATCH] fix: webui's topbar conflicts with statusbar in some
 scenarios

---
 webui/src/index.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webui/src/index.css b/webui/src/index.css
index 0a5d3e4..4bd2bea 100644
--- a/webui/src/index.css
+++ b/webui/src/index.css
@@ -42,7 +42,7 @@ body {
 .app-root {
   display: flex;
   flex-direction: column;
-  height: 100vh;
+  height: calc(100vh - var(--window-inset-top, 0px) - var(--window-inset-bottom, 0px));
 }
 
 /* Top bar for language selector */
@@ -197,7 +197,7 @@ button:disabled {
 /* ---------- Bottom Tabs ---------- */
 .bottom-bar {
   position: fixed;
-  bottom: 0;
+  bottom: var(--window-inset-bottom, 0px);
   left: 0;
   right: 0;
   height: 52px;