fix: fixes scroll issue

ghoshnirmalya · Dec 29, 2020 · b74f360 · b74f360
1 parent 5c27fc1
commit b74f360
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/builder/components/layouts/index.tsx b/packages/builder/components/layouts/index.tsx
@@ -10,12 +10,13 @@ const Layout: FC = ({ children }) => {
     <>
       <TopNavbar />
       <Flex
-        minH="calc(100vh - 50px)"
+        h="calc(100vh - 50px)"
         w="100vw"
         justifyContent="center"
         alignItems="center"
         bg={bgColor}
         color={color}
+        overflowY="scroll"
       >
         {children}
       </Flex>

diff --git a/packages/builder/pages/_document.tsx b/packages/builder/pages/_document.tsx
@@ -38,7 +38,7 @@ export default class MyDocument extends Document {
           {this.googleAnalyticsScriptNode()}
           <meta name="Description" content="Website builder" />
         </Head>
-        <Box as="body">
+        <Box as="body" overflowY="hidden">
           <Main />
           <NextScript />
         </Box>