Fix body overflow issue

jsenecal · Jun 2, 2021 · 24a92d6 · 24a92d6
1 parent d23e142
commit 24a92d6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/hyperglass/ui/components/layout/frame.tsx b/hyperglass/ui/components/layout/frame.tsx
@@ -40,13 +40,13 @@ export const Frame: React.FC<TFrame> = (props: TFrame) => {
         <Flex
           px={4}
           py={0}
+          w="100%"
           as="main"
           align="center"
           flex="1 1 auto"
           justify="start"
           flexDir="column"
           textAlign="center"
-          w={{ base: '100%', lg: 'calc(100% - 1rem)' }}
           {...props}
         />
         <Footer />

diff --git a/hyperglass/ui/util/theme.ts b/hyperglass/ui/util/theme.ts
@@ -96,6 +96,7 @@ export function makeTheme(
         body: {
           background: mode('light.500', 'dark.500')(props),
           color: mode('black', 'white')(props),
+          overflowX: 'hidden',
         },
       }),
     },
-Original file line number
+Diff line change
@@ Expand Up / @@ -96,6 +96,7 @@ export function makeTheme( @@
             body: {
               background: mode('light.500', 'dark.500')(props),
               color: mode('black', 'white')(props),
+              overflowX: 'hidden',
             },
           }),
         },
@@ Expand Down @@