diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/desktop/script.ts | 4 | ||||
| -rw-r--r-- | src/client/app/desktop/views/components/ui.header.nav.vue | 6 |
2 files changed, 5 insertions, 5 deletions
diff --git a/src/client/app/desktop/script.ts b/src/client/app/desktop/script.ts index 4c5b29d1f4..9ff9ced2ea 100644 --- a/src/client/app/desktop/script.ts +++ b/src/client/app/desktop/script.ts @@ -152,8 +152,8 @@ init(async (launch, os) => { { path: '/notes/:note', name: 'note', component: () => import('./views/home/note.vue').then(m => m.default) }, { path: '/search', component: () => import('./views/home/search.vue').then(m => m.default) }, { path: '/tags/:tag', name: 'tag', component: () => import('./views/home/tag.vue').then(m => m.default) }, - { path: '/featured', component: () => import('./views/home/featured.vue').then(m => m.default) }, - { path: '/explore', component: () => import('../common/views/pages/explore.vue').then(m => m.default) }, + { path: '/featured', name: 'featured', component: () => import('./views/home/featured.vue').then(m => m.default) }, + { path: '/explore', name: 'explore', component: () => import('../common/views/pages/explore.vue').then(m => m.default) }, { path: '/i/favorites', component: () => import('./views/home/favorites.vue').then(m => m.default) }, ]}, { path: '/i/messaging/:user', component: MkMessagingRoom }, diff --git a/src/client/app/desktop/views/components/ui.header.nav.vue b/src/client/app/desktop/views/components/ui.header.nav.vue index 360ab3ce6e..e10ff08de5 100644 --- a/src/client/app/desktop/views/components/ui.header.nav.vue +++ b/src/client/app/desktop/views/components/ui.header.nav.vue @@ -1,13 +1,13 @@ <template> <div class="nav"> <ul> - <li v-if="!$store.state.device.deckMode" class="timeline" @click="goToTop"> + <li v-if="!$store.state.device.deckMode" class="timeline" :class="{ active: $route.name == 'index' }" @click="goToTop"> <router-link to="/"><fa icon="home"/><p>{{ $t('@.timeline') }}</p></router-link> </li> - <li class="featured"> + <li class="featured" :class="{ active: $route.name == 'featured' }"> <router-link to="/featured"><fa :icon="faNewspaper"/><p>{{ $t('@.featured-notes') }}</p></router-link> </li> - <li class="explore"> + <li class="explore" :class="{ active: $route.name == 'explore' }"> <router-link to="/explore"><fa :icon="faHashtag"/><p>{{ $t('@.explore') }}</p></router-link> </li> <li class="game"> |