Merge pull request #126 from LCOGT/fix/navbar-page-indicator

Broken slider for v-tabs and routerlink
LCOGT · Nov 14, 2024 · e32ca62 · e32ca62
2 parents 93352c4 + 04874fa
commit e32ca62
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/components/Global/NavBar.vue b/src/components/Global/NavBar.vue
@@ -21,14 +21,20 @@ import UserMenu from './UserMenu.vue'
       text="DATALAB"
       class="nav-text"
     />
-    <v-tabs>
-      <RouterLink to="/projects">
+    <v-tabs hide-slider>
+      <RouterLink
+        active-class="active-tab"
+        to="/projects"
+      >
         <v-tab
           text="Projects"
           class="nav-text"
         />
       </RouterLink>
-      <RouterLink to="/datasessions">
+      <RouterLink
+        active-class="active-tab"
+        to="/datasessions"
+      >
         <v-tab
           text="Data Sessions"
           class="nav-text"
@@ -46,4 +52,7 @@ import UserMenu from './UserMenu.vue'
   font-weight: 600;
   font-size: 1rem;
   }
+  .active-tab {
+    background-color: var(--dark-blue);
+  }
 </style>