From a163ec2d7497acb51612669a83e31e37746c176f Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Mon, 12 Aug 2019 12:16:39 +0200
Subject: Add NavBar

---
 src/components/NavLink.vue | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

(limited to 'src/components/NavLink.vue')

diff --git a/src/components/NavLink.vue b/src/components/NavLink.vue
index 6211333..7ad5088 100644
--- a/src/components/NavLink.vue
+++ b/src/components/NavLink.vue
@@ -1,6 +1,7 @@
 <template>
-  <li>
-    <router-link v-bind:to="link">{{ name }}</router-link>
+  <li class="navlink">
+    <a v-if="external" class="link" :href="link">{{name}}</a>
+    <router-link v-else class="link" :to="link">{{ name }}</router-link>
   </li>
 </template>
 
@@ -8,7 +9,22 @@
 export default {
   props: {
     link: String,
-    name: String
+    name: String,
+    external: { type: Boolean, default: false }
   }
 };
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+.link {
+  text-decoration: none;
+  color: #181818;
+}
+
+.navlink {
+  list-style-type: none;
+
+  padding: 10px;
+  margin: 10px;
+}
+</style>
\ No newline at end of file
-- 
cgit 1.4.1

