Fix viewport bug

pvdthings · Oct 3, 2023 · 6450d34 · 6450d34
1 parent 837d502
commit 6450d34
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/app.css b/src/app.css
@@ -10,4 +10,11 @@
 
 body {
     @apply font-body;
+}
+
+@supports(padding:max(0px)) {
+    body, header, footer {
+        padding-left: min(0vmin, env(safe-area-inset-left));
+        padding-right: min(0vmin, env(safe-area-inset-right));
+    }
 }
diff --git a/src/lib/components/Head.svelte b/src/lib/components/Head.svelte
@@ -25,5 +25,4 @@
     <meta name="twitter:site" content={twitterHandle} />
     <meta name="twitter:title" content={title} />
     <link rel="canonical" href={url} />
-    <meta name="viewport" content="viewport-fit=cover">
 </svelte:head>