frontend: set active classes properly for router links

This commit is contained in:
wea_ondara
2023-11-25 18:56:05 +01:00
parent 91dec7a419
commit 2db551e476

View File

@@ -34,10 +34,10 @@ export default class NavBar extends Vue {
<div class="navbar-nav flex-row"> <div class="navbar-nav flex-row">
<Logo class="navbar-logo"/> <Logo class="navbar-logo"/>
<div class="nav-item"> <div class="nav-item">
<RouterLink class="nav-link active" aria-current="page" to="/">List</RouterLink> <RouterLink class="nav-link" aria-current="page" to="/" active-class="active">List</RouterLink>
</div> </div>
<div class="nav-item"> <div class="nav-item">
<RouterLink class="nav-link active" aria-current="page" to="/about">About</RouterLink> <RouterLink class="nav-link" aria-current="page" to="/about" active-class="active">About</RouterLink>
</div> </div>
</div> </div>
</div> </div>