fix: improve mobile scrolling

microlinkhq · May 13, 2020 · 9d03c24 · 9d03c24
1 parent dd3cb36
commit 9d03c24
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/packages/app/src/components/app-frame.js b/packages/app/src/components/app-frame.js
@@ -5,14 +5,9 @@ export const AppFrame = ({ sx, ...props }) => {
     <Flex
       sx={{
         bg: 'white',
-        height: '100vh',
+        height: ['initial', '', '100vh'],
         flexDirection: ['column', '', 'row'],
-        position: 'fixed',
-        left: 0,
-        top: 0,
-        right: 0,
-        bottom: 0,
-        overflow: ['scroll', '', 'hidden'],
+        overflow: ['initial', '', 'hidden'],
         ...sx
       }}
       {...props}

diff --git a/packages/app/src/theme.js b/packages/app/src/theme.js
@@ -48,7 +48,7 @@ export const theme = {
       fontFamily: 'sans',
       lineHeight: 1.5,
       margin: 0,
-      overflow: 'hidden'
+      overflow: ['initial', '', 'hidden']
     }
   }
 }