🚨 safari height fix

rubakas · Sep 29, 2023 · 4257224 · 4257224
1 parent 214eda8
commit 4257224
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/src/app.css b/src/app.css
@@ -24,8 +24,6 @@
       min-h-full
       h-full
       ;
-    min-height: -webkit-fill-available;
-    height: -webkit-fill-available;
   }
 
   body {

diff --git a/src/app.html b/src/app.html
@@ -3,6 +3,8 @@
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+
+		<meta name="theme-color" content="#282828" />
 		<meta name="viewport" content="width=device-width" />
 		%sveltekit.head%
 	</head>

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -8,6 +8,8 @@
 
 <style lang="postcss">
   main {
+    min-height: -webkit-fill-available;
+    
     @apply
       min-w-full
       w-full
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,8 +24,6 @@ @@
           min-h-full
           h-full
           ;
-        min-height: -webkit-fill-available;
-        height: -webkit-fill-available;
       }
       body {
@@ Expand Down @@