Füge Unterstützung für sichere Bereiche in der Ansicht hinzu

2026-02-22 12:23:59 +01:00
parent 932472cef6
commit 309b01a440
2 changed files with 2 additions and 1 deletions
--- a/css/style.css
+++ b/css/style.css
@@ -40,6 +40,7 @@ body::before {
  flex-shrink: 0;
  text-align: center;
  padding: 7px 16px;
+  padding-bottom: calc(7px + env(safe-area-inset-bottom));
  background: rgba(255,255,255,0.02);
  border-top: 1px solid rgba(255,255,255,0.06);
  z-index: 100;
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="de">
 <head>
  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
+  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">

  <title>Finger Chooser – Zufällig einen Finger auswählen</title>
  <meta name="description" content="Lege 2–5 Finger gleichzeitig aufs Display. Die App wählt per Zufallsanimation einen Finger aus. Kostenlos, kein Download – direkt im Browser nutzbar.">