From cb89a90771c7b53d650d1e6bd3681914114927df Mon Sep 17 00:00:00 2001 From: Gros Frumos Date: Sat, 21 Mar 2026 16:40:30 +0200 Subject: [PATCH] fix: viewport safe-area-inset for iOS PWA + disable pinch zoom Topbar (avatar, network indicator) was hidden behind iOS status bar in standalone PWA mode. Added safe-area-inset-top padding to topbar. Disabled user-scalable to prevent accidental zoom. Co-Authored-By: Claude Opus 4.6 --- frontend/index.html | 2 +- frontend/style.css | 1 + frontend/sw.js | 2 +- 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/frontend/index.html b/frontend/index.html index 7707517..0294a32 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -2,7 +2,7 @@ - + diff --git a/frontend/style.css b/frontend/style.css index 7f905a8..e07e53a 100644 --- a/frontend/style.css +++ b/frontend/style.css @@ -59,6 +59,7 @@ body { justify-content: space-between; align-items: center; padding: 16px 20px; + padding-top: calc(env(safe-area-inset-top, 0px) + 16px); flex-shrink: 0; } diff --git a/frontend/sw.js b/frontend/sw.js index a81706c..79d89da 100644 --- a/frontend/sw.js +++ b/frontend/sw.js @@ -1,6 +1,6 @@ 'use strict'; -const CACHE_NAME = 'baton-v3'; +const CACHE_NAME = 'baton-v4'; // App shell assets to precache const APP_SHELL = [