From c32584df547be327047dfe21237ace981985ac83 Mon Sep 17 00:00:00 2001 From: sravan Date: Sun, 19 Jul 2026 08:39:50 +0530 Subject: [PATCH] mobile: fix zoom + notch on the non-home pages (dashboard/index/connect/share/host) The mobile viewport fixes only ever went into home.html. The other standalone pages still had the old viewport, so in the native app they auto-zoom on input focus and (dashboard/host) run under the notch/Dynamic Island. Bring every page's viewport to match home.html (maximum-scale=1, user-scalable=no, viewport-fit=cover) and add safe-area top padding to the dashboard header and the host body/indicator so nothing sits under the island now that the viewport is cover. index/connect/share already pad for safe-area; they only needed maximum-scale. Co-Authored-By: Claude Opus 4.8 --- server/public/connect.html | 2 +- server/public/dashboard.html | 4 ++-- server/public/host.html | 6 +++--- server/public/index.html | 2 +- server/public/share.html | 2 +- 5 files changed, 8 insertions(+), 8 deletions(-) diff --git a/server/public/connect.html b/server/public/connect.html index a2c921e..0003c11 100644 --- a/server/public/connect.html +++ b/server/public/connect.html @@ -2,7 +2,7 @@ - + Biz Connect — Agent Console diff --git a/server/public/dashboard.html b/server/public/dashboard.html index a759b4a..c501631 100644 --- a/server/public/dashboard.html +++ b/server/public/dashboard.html @@ -2,7 +2,7 @@ - + Biz Connect — Dashboard @@ -21,7 +21,7 @@ ::-webkit-scrollbar-thumb:hover{background:#aab6c8;} *{scrollbar-width:thin;scrollbar-color:#c7d0dd transparent;} body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--ink);margin:0;} - header{background:var(--blue);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;} /* #5: keep the top bar + profile visible while scrolling */ + header{background:var(--blue);padding:calc(.75rem + env(safe-area-inset-top,0px)) 1.5rem .75rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;} /* #5: keep the top bar + profile visible while scrolling; pad the top so the bar clears the notch/Dynamic Island in the native app */ .brandrow{display:flex;align-items:center;gap:.6rem;} .logo{width:30px;height:30px;border-radius:8px;background:var(--brand);display:grid;place-items:center;font-weight:800;color:var(--blue);} .brand{font-weight:700;color:#fff;font-size:1.05rem;} .brand span.y{color:var(--brand);font-weight:700;} .brand span.tag{color:#8ea3cf;font-weight:500;font-size:.85rem;} diff --git a/server/public/host.html b/server/public/host.html index 23316a8..4df8ec8 100644 --- a/server/public/host.html +++ b/server/public/host.html @@ -2,14 +2,14 @@ - + Browser Host — Remote Access diff --git a/server/public/index.html b/server/public/index.html index 759db5a..cad128d 100644 --- a/server/public/index.html +++ b/server/public/index.html @@ -2,7 +2,7 @@ - + diff --git a/server/public/share.html b/server/public/share.html index 7f81f83..2f328af 100644 --- a/server/public/share.html +++ b/server/public/share.html @@ -2,7 +2,7 @@ - + Biz Connect — Share your screen