Fix: Fix nav highlight in settings sub-page

louislam · Nov 16, 2021 · 526a4da · 526a4da
1 parent 98d6149
commit 526a4da
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/layouts/Layout.vue b/src/layouts/Layout.vue
@@ -29,7 +29,7 @@
                     </router-link>
                 </li>
                 <li v-if="$root.loggedIn" class="nav-item">
-                    <router-link to="/settings" class="nav-link">
+                    <router-link to="/settings" class="nav-link" :class="{ active: $route.path.includes('settings') }">
                         <font-awesome-icon icon="cog" /> {{ $t("Settings") }}
                     </router-link>
                 </li>