Sidebar styling tweak

2018-06-30 19:19:37 -07:00
parent 5c7a182897
commit e50c6488d3
2 changed files with 18 additions and 2 deletions
--- a/app/components/Sidebar/Sidebar.js
+++ b/app/components/Sidebar/Sidebar.js
@ -66,6 +66,22 @@ const Container = styled(Flex)`
    left: 0;
  }

+  &:before,
+  &:after {
+    content: '';
+    background: ${props => props.theme.smoke};
+    position: absolute;
+    top: -50vh;
+    left: 0;
+    width: 100%;
+    height: 50vh;
+  }
+
+  &:after {
+    top: auto;
+    bottom: -50vh;
+  }
+
  ${breakpoint('tablet')`
    width: ${props => props.theme.sidebarWidth};
    margin: 0;