highlight active navbar

(cherry picked from commit 3c4720f)
BBMRI-ERIC · Feb 19, 2024 · dc61414 · dc61414
1 parent 529b119
commit dc61414
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/NavigationBar.vue b/src/components/NavigationBar.vue
@@ -32,6 +32,7 @@
           >
             <router-link
               class="nav-link active nav-option"
+              :class="$route.path ===  '/admin' ? 'text-primary' : ''"
               to="/admin"
             >
               <i class="bi bi-house-gear" />
@@ -44,6 +45,7 @@
           >
             <router-link
               class="nav-link active nav-option"
+              :class="$route.path ===  '/researcher' ? 'text-primary-light' : ''"
               to="/researcher"
             >
               <i class="bi bi-folder2" />
@@ -56,6 +58,7 @@
           >
             <router-link
               class="nav-link active nav-option"
+              :class="$route.path ===  '/biobanker' ? 'text-primary-light' : ''"
               to="/biobanker"
             >
               <i class="bi bi-hospital" />