Extend Header upwards (#364)

* Extend Header upwards * Update snapshots * Increase padding/margin
ontohub · Feb 26, 2018 · 436da67 · 436da67
1 parent 6e47fdf
commit 436da67
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/src/components/Header.js b/src/components/Header.js
@@ -6,6 +6,8 @@ const StyledHeader = styled.div`
   background-color: ${({ theme }) => theme.colors.dark};
   color: ${({ theme }) => theme.colors.light} !important;
   margin-bottom: 1em;
+  margin-top: -100vh;
+  padding-top: 100vh;
 `;
 
 const InnerHeader = styled.div`

diff --git a/src/components/__tests__/__snapshots__/HeadAndBody.test.js.snap b/src/components/__tests__/__snapshots__/HeadAndBody.test.js.snap
@@ -6,6 +6,8 @@ Array [
   background-color: #000;
   color: !important;
   margin-bottom: 1em;
+  margin-top: -100vh;
+  padding-top: 100vh;
 }
 
 .c1 {

diff --git a/src/components/__tests__/__snapshots__/Header.test.js.snap b/src/components/__tests__/__snapshots__/Header.test.js.snap
@@ -5,6 +5,8 @@ exports[`Header matches the snapshot 1`] = `
   background-color: #000;
   color: !important;
   margin-bottom: 1em;
+  margin-top: -100vh;
+  padding-top: 100vh;
 }
 
 .c1 {