anydrop/web/index.html
ordinarthur 6034da7153
All checks were successful
Build & Deploy / build-and-deploy (push) Successful in 40s
fix(web): responsive guards for iOS WKWebView
The native shell exposed a few latent issues:
- viewport lacked viewport-fit=cover + maximum-scale so content could
  zoom and leak under the notch,
- body had no overflow-x guard, so any one-line string pushed the layout
  wider than the device,
- #root had no env(safe-area-inset-*) padding, hiding content behind
  the status bar now that Capacitor's contentInset is off.

Flipping contentInset from "always" to "never" lets the CSS env()
values drive the inset (single source of truth, no double padding).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-04-20 16:13:29 +02:00

23 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="format-detection" content="telephone=no" />
<meta name="description" content="AnyDrop — Instant, peer-to-peer file and text transfer, universal across platforms." />
<meta name="theme-color" content="#F5F0E6" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<title>AnyDrop — Universal transfer</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>