Better android chrome full height page fix

slavikdenis · Dec 1, 2020 · a8f174a · a8f174a · vercel · Dec 1, 2020
1 parent 75d2b56
commit a8f174a
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/src/components/timer/index.tsx b/src/components/timer/index.tsx
@@ -152,13 +152,9 @@ const Timer = () => {
       flexDir="column"
       alignItems="center"
       justifyContent="center"
-      // height="100vh"
       css={css`
         height: 100vh;
-        // https://dev.to/peiche/100vh-behavior-on-chrome-2hm8
-        @supports (-webkit-appearance: none) {
-          height: calc(100vh - 56px);
-        }
+        max-height: -webkit-fill-available;
       `}
     >
       {!didTimerStarted ? (