style(website): mobile sidebar menu

website/src/components/Page/Example.js

@@ -18,7 +18,7 @@ const ReactFlowWrapper = styled(Box)`
   flex-grow: 1;
 
   .react-flow {
-    border-bottom:1px solid ${(p) => p.theme.colors.silverLighten30};
+    border-bottom: 1px solid ${(p) => p.theme.colors.silverLighten30};
     height: 65vh;
   }
 `;
@@ -49,8 +49,6 @@ export default ({ children, title, slug, sourceCodeFiles = [] }) => {
     robots: 'index, follow',
   };
 
-  console.log(sourceCodeFiles);
-
   const hasSource = sourceCodeFiles.length > 0;
 
   return (

website/src/components/Page/index.js

@@ -23,7 +23,6 @@ const PageWrapper = styled(Flex)`
 
 const PageContent = styled(Box)`
   flex: 1 0 auto;
-  position: relative;
 `;
 
 const Page = ({

website/src/components/Sidebar/index.js

@@ -18,6 +18,7 @@ const Aside = styled.aside`
   overflow-y: auto;
   background: white;
   z-index: 400;
+  padding: 20px 10px;
 
   @media ${device.tablet} {
     width: 30%;

website/src/hooks/useMenuHeight.js

@@ -17,7 +17,7 @@ export default function useMenuHeight() {
     return () => {
       window.removeEventListener('resize', onResize);
     };
-  });
+  }, []);
 
   return menuHeight;
 }