diff options
Diffstat (limited to 'src/components/NavLink.vue')
-rw-r--r-- | src/components/NavLink.vue | 53 |
1 files changed, 0 insertions, 53 deletions
diff --git a/src/components/NavLink.vue b/src/components/NavLink.vue deleted file mode 100644 index 8915585..0000000 --- a/src/components/NavLink.vue +++ /dev/null @@ -1,53 +0,0 @@ -<template> - <li class="navlink"> - <a v-if="external" class="link" target="_blank" rel="”noopener”" :href="link">{{ name }}</a> - <router-link v-else class="link" :to="link">{{ name }}</router-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 |