/ Fixed navbar layout

This commit is contained in:
Alexis
2021-03-26 13:38:31 +01:00
parent 5ca4f4eceb
commit 203e72ce39
3 changed files with 6 additions and 7 deletions

View File

@@ -2,9 +2,9 @@
<div class="navbar"> <div class="navbar">
<ul class="navbar-menu no-style"> <ul class="navbar-menu no-style">
<li v-for="item in items" :key="item.url" class="navbar-item"> <li v-for="item in items" :key="item.url" class="navbar-item">
<router-link :to="item.link" class="navbar-link no-style"> <nuxt-link :to="item.link" class="navbar-link no-style">
{{ item.text }} {{ item.text }}
</router-link> </nuxt-link>
</li> </li>
</ul> </ul>
</div> </div>
@@ -84,7 +84,7 @@ export default defineComponent({
transition: width 0.25s ease-in-out; transition: width 0.25s ease-in-out;
} }
&.router-link-active { &.nuxt-link-exact-active {
&:after { &:after {
width: 100%; width: 100%;
} }

View File

@@ -1,5 +1,6 @@
<template> <template>
<div class="fs-wrapper"> <div class="fs-wrapper">
<navbar />
<div class="fs-content"> <div class="fs-content">
<Nuxt /> <Nuxt />
</div> </div>

View File

@@ -27,8 +27,7 @@ export default {
}, },
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [ plugins: [],
],
// Auto import components: https://go.nuxtjs.dev/config-components // Auto import components: https://go.nuxtjs.dev/config-components
components: true, components: true,
@@ -50,6 +49,5 @@ export default {
axios: {}, axios: {},
// Build Configuration: https://go.nuxtjs.dev/config-build // Build Configuration: https://go.nuxtjs.dev/config-build
build: { build: {}
}
} }