Set header to fixed, and give it a little shadow

miftahafina · Mar 18, 2020 · 99cafa3 · 99cafa3
1 parent b7898ff
commit 99cafa3
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/Containers/App/App.css b/src/Containers/App/App.css
@@ -38,11 +38,16 @@ body {
 }
 
 .header {
+  position: fixed;
   width: 100%;
   flex: 0 0 48px;
   box-sizing: border-box;
   padding: 16px;
   background-color: var(--secondary);
+  -webkit-box-shadow: -2px 4px 21px -2px rgba(0,0,0,0.75);
+  -moz-box-shadow: -2px 4px 21px -2px rgba(0,0,0,0.75);
+  box-shadow: -2px 4px 21px -2px rgba(0,0,0,0.75);
+
 
   display: flex;
   flex-direction: column;
@@ -56,7 +61,7 @@ body {
 }
 
 .content {
-  margin-top: 24px;
+  margin-top: 72px;
   width: 100%;
   flex: 1;
   box-sizing: border-box;