From 021b6e975f6a263b96074502cabe4baf0eb6f875 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Fri, 30 Aug 2019 10:36:23 +0200
Subject: Add testing

---
 components/NavLink.vue | 53 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 components/NavLink.vue

(limited to 'components/NavLink.vue')

diff --git a/components/NavLink.vue b/components/NavLink.vue
new file mode 100644
index 0000000..f3a1c6e
--- /dev/null
+++ b/components/NavLink.vue
@@ -0,0 +1,53 @@
+<template>
+  <li class="navlink">
+    <a v-if="external" class="link" target="_blank" rel="”noopener”" :href="link">{{ name }}</a>
+    <nuxt-link v-else class="link" :to="link">{{ name }}</nuxt-link>
+  </li>
+</template>
+
+<script>
+export default {
+  props: {
+    link: String,
+    name: String,
+    external: { type: Boolean, default: false }
+  }
+}
+</script>
+
+<style scoped>
+@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
+
+.link {
+  font-family: 'Roboto Slab', serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  text-decoration: none;
+  color: #181818;
+
+  padding: 10px;
+
+  border-radius: 5px;
+}
+
+.link:hover {
+  background-color: #cfcfcf;
+}
+
+.navlink {
+  list-style-type: none;
+
+  margin: 10px;
+}
+
+.router-link-exact-active {
+  background-color: #ececec !important;
+}
+
+@media (max-width: 1300px) {
+  .navlink {
+    margin: 0;
+  }
+}
+</style>
\ No newline at end of file
-- 
cgit 1.4.1


From d114b68b30d5ffa4e77c362dd09a0a137186d3f3 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Fri, 30 Aug 2019 10:40:57 +0200
Subject: Update NavLink active class

---
 components/NavLink.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'components/NavLink.vue')

diff --git a/components/NavLink.vue b/components/NavLink.vue
index f3a1c6e..253dde9 100644
--- a/components/NavLink.vue
+++ b/components/NavLink.vue
@@ -41,7 +41,7 @@ export default {
   margin: 10px;
 }
 
-.router-link-exact-active {
+.nuxt-link-exact-active {
   background-color: #ececec !important;
 }
 
-- 
cgit 1.4.1

