From ad3f736e52568803ac0d3c63f1223620dd70afa5 Mon Sep 17 00:00:00 2001
From: NotXia <35894453+NotXia@users.noreply.github.com>
Date: Thu, 23 Feb 2023 21:20:48 +0100
Subject: [PATCH] Fix navbar

---
 src/components/Navbar/NavLink.vue | 5 +----
 src/components/Navbar/Navbar.vue  | 2 +-
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/Navbar/NavLink.vue b/src/components/Navbar/NavLink.vue
index ef478d0..1dadfc6 100644
--- a/src/components/Navbar/NavLink.vue
+++ b/src/components/Navbar/NavLink.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-    import { ref, watch } from "vue";
+    import { ref } from "vue";
     import { useRoute } from "vue-router";
     const route = useRoute();
 
@@ -19,7 +19,4 @@
     })
 
     const is_active_page = ref(route.path === props.to);
-    watch(() => route.path, () => {
-        is_active_page.value = route.path === props.to
-    });
 </script>
diff --git a/src/components/Navbar/Navbar.vue b/src/components/Navbar/Navbar.vue
index e3c758e..f265c35 100644
--- a/src/components/Navbar/Navbar.vue
+++ b/src/components/Navbar/Navbar.vue
@@ -18,7 +18,7 @@
                 </button>
             </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">
                     <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')"/>