From 0afcf6f7766454b5d4ddd2ac7433d8a5c702e61b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 14 Oct 2020 18:05:34 +0200
Subject: [PATCH] style(website): mobile sidebar menu

---
 website/src/components/Page/Example.js  | 4 +---
 website/src/components/Page/index.js    | 1 -
 website/src/components/Sidebar/index.js | 1 +
 website/src/hooks/useMenuHeight.js      | 2 +-
 4 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/website/src/components/Page/Example.js b/website/src/components/Page/Example.js
index 1d30bac4..f50e583c 100644
--- a/website/src/components/Page/Example.js
+++ b/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 (
diff --git a/website/src/components/Page/index.js b/website/src/components/Page/index.js
index 23129c3c..7ab5ba92 100644
--- a/website/src/components/Page/index.js
+++ b/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 = ({
diff --git a/website/src/components/Sidebar/index.js b/website/src/components/Sidebar/index.js
index 2429c53a..8a291c3d 100644
--- a/website/src/components/Sidebar/index.js
+++ b/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%;
diff --git a/website/src/hooks/useMenuHeight.js b/website/src/hooks/useMenuHeight.js
index 61a6ad5f..1559c536 100644
--- a/website/src/hooks/useMenuHeight.js
+++ b/website/src/hooks/useMenuHeight.js
@@ -17,7 +17,7 @@ export default function useMenuHeight() {
     return () => {
       window.removeEventListener('resize', onResize);
     };
-  });
+  }, []);
 
   return menuHeight;
 }