about summary refs log tree commit diff
path: root/components/NavBar.vue
diff options
context:
space:
mode:
authorPatryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>2019-11-28 11:18:45 +0100
committerPatryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>2019-11-28 11:18:45 +0100
commit7051b88fd36e56dcfab7b73b80811c93bc1d0921 (patch)
treefec99da81e654e710a2df1f0cb66cff1c4406a7b /components/NavBar.vue
parent1b70d2f3c1dbed43317c1da7ed8092daac27168d (diff)
parente12c489d3ad6111c78c9cb4d4b8ab77b053c49ad (diff)
downloadpuszcza-7051b88fd36e56dcfab7b73b80811c93bc1d0921.tar.gz
puszcza-7051b88fd36e56dcfab7b73b80811c93bc1d0921.zip
Merge remote-tracking branch 'origin/develop' into feature/ranking
Diffstat (limited to 'components/NavBar.vue')
-rw-r--r--components/NavBar.vue18
1 files changed, 13 insertions, 5 deletions
diff --git a/components/NavBar.vue b/components/NavBar.vue
index e564fb0..4bbae72 100644
--- a/components/NavBar.vue
+++ b/components/NavBar.vue
@@ -8,14 +8,21 @@
     <button @click="toggleMenu" class="menu-toggler">Menu</button>
     <ul :class="linksClass" @click="toggleMenu">
       <!-- Loop for generating links -->
-      <NavLink v-for="route in routes" :key="route.path" :link="route.path" :name="route.name"></NavLink>
+      <NavLink v-for="route in routes" :key="route.path" :link="route.path" :name="route.name" />
+      <NavLink
+        v-for="route in staticRoutes"
+        :key="route.path"
+        :link="route.path"
+        :name="route.name"
+        pure
+      />
       <NavLink
         v-for="route in externalRoutes"
         :key="route.path"
         :link="route.path"
         :name="route.name"
-        :external="true"
-      ></NavLink>
+        external
+      />
     </ul>
   </nav>
 </template>
@@ -30,6 +37,7 @@ export default {
   props: {
     routes: Array,
     externalRoutes: Array,
+    staticRoutes: Array,
     title: String,
     logo: String
   },
@@ -161,10 +169,10 @@ export default {
     display: flex !important;
     flex-direction: column;
     justify-content: center;
-    align-items: center;
+    align-items: flex-start;
 
     margin-bottom: 0;
-    padding: 50px 0;
+    padding: 50px 10px;
 
     width: 100%;
     left: 0;