chore: Use css vars for header height

newrelic · Jun 19, 2020 · cebe70f · cebe70f
1 parent f6c463d
commit cebe70f
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/Layout.module.scss b/src/components/Layout.module.scss
@@ -1,4 +1,6 @@
 .layout {
+  --global-header-height: 30px;
+
   min-height: 100vh;
   display: grid;
   grid-template-rows: auto 1fr;
@@ -22,10 +24,10 @@
 
 .sidebar {
   position: fixed;
-  top: 30px;
+  top: var(--global-header-height);
   bottom: 0;
   width: 300px;
-  height: calc(100vh - 30px);
+  height: calc(100vh - var(--global-header-height));
   overflow: auto;
 }