notxia/notxia.github.io
1
0
Fork 0
mirror of https://github.com/NotXia/notxia.github.io.git synced 2025-12-15 19:22:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix navbar

Browse Source
This commit is contained in:
Tian Cheng (Riccardo) Xia
2023-02-23 21:20:48 +01:00
parent bc21d3364b
commit ad3f736e52
2 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Navbar/NavLink.vue
View File

@ -9,7 +9,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, watch } from "vue"; import { ref } from "vue";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
const route = useRoute(); const route = useRoute();
@ -19,7 +19,4 @@
}) })
const is_active_page = ref(route.path === props.to); const is_active_page = ref(route.path === props.to);
watch(() => route.path, () => {
is_active_page.value = route.path === props.to
});
</script> </script>

2
src/components/Navbar/Navbar.vue
View File

@ -18,7 +18,7 @@
</button> </button>
</div> </div>
<div class="flex items-center order-1 md:w-1/2"> <div class="flex items-center order-1 md:w-full">
<div class="hidden w-full md:block md:w-auto" id="navbar-main"> <div class="hidden w-full md:block md:w-auto" id="navbar-main">
<ul class="flex flex-col py-4 pr-4 mt-0 md:flex-row md:space-x-8 md:text-sm md:font-medium bg-transparent"> <ul class="flex flex-col py-4 pr-4 mt-0 md:flex-row md:space-x-8 md:text-sm md:font-medium bg-transparent">
<NavLink to="/" :label="t('home')"/> <NavLink to="/" :label="t('home')"/>