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 <noreply@anthropic.com>
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
|
||||
<title>Biz Connect — Share your screen</title>
|
||||
<meta name="theme-color" content="#1F3B73">
|
||||
<link rel="icon" href="/favicon.ico?v=3" sizes="any">
|
||||
|
||||
Reference in New Issue
Block a user