ios safari

tone-row · Mar 1, 2021 · 33dca86 · 33dca86
1 parent 34a1c2b
commit 33dca86
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/App.module.css b/src/App.module.css
@@ -2,6 +2,9 @@
   display: grid;
   grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
   overflow: hidden;
+  height: 100%;
+  height: -webkit-fill-available;
+  min-height: 100%;
 }
 
 @media (min-width: 800px) {

diff --git a/src/index.css b/src/index.css
@@ -9,22 +9,22 @@
   padding: 0;
 }
 
+html,
+body,
 #__next,
 #root {
   height: 100%;
+  height: -webkit-fill-available;
 }
 
 html {
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
     Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  height: -webkit-fill-available;
 }
 
 body {
   background-color: var(--color-background);
   color: var(--color-foreground);
-  min-height: 100vh;
-  min-height: -webkit-fill-available;
 }