fixed navbar

betagouv · Jan 14, 2021 · d943c70 · d943c70
1 parent 43b67ff
commit d943c70
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/front-end/src/App.vue b/front-end/src/App.vue
@@ -1,7 +1,9 @@
 <template>
   <TheNavbar/>
 
-  <router-view/>
+  <div id="router-view">
+    <router-view/>
+  </div>
 
   <TheFooter/>
 </template>
@@ -34,4 +36,8 @@ export default {
   text-align: center;
   color: #2c3e50;
 }
+
+#router-view {
+  margin-top: 100px;
+}
 </style>
diff --git a/front-end/src/components/TheNavbar.vue b/front-end/src/components/TheNavbar.vue
@@ -27,10 +27,15 @@ a {
 }
 
 #navbar {
+  top: 0;
+  z-index: 1000;
+  position: fixed;
+  width: 96%;
+  padding: 10px 2%;
   display: flex;
   justify-content: space-between;
-  padding: 10px 50px;
   border-bottom: 1px solid #E1E1E1;
+  background-color: white;
 }
 
 #goto-landing {