diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2020-10-25 01:21:41 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-10-25 01:21:41 +0900 |
| commit | 254cfaea284d12f188e28f56a0cec863e3177a49 (patch) | |
| tree | 5ba89f9316cf54724af75ee919ae7339edc5af0e /src/client/ui/visitor.vue | |
| parent | Update dependencies :rocket: (diff) | |
| download | misskey-254cfaea284d12f188e28f56a0cec863e3177a49.tar.gz misskey-254cfaea284d12f188e28f56a0cec863e3177a49.tar.bz2 misskey-254cfaea284d12f188e28f56a0cec863e3177a49.zip | |
自前ルーティング (#6759)
* wip
* wip
* wip
* wip
* wip
* wip
* wip
* wip
* wip
* wip
* wip
* wip
* wip
* wip
Diffstat (limited to 'src/client/ui/visitor.vue')
| -rw-r--r-- | src/client/ui/visitor.vue | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/src/client/ui/visitor.vue b/src/client/ui/visitor.vue index fb21dc01d1..8b7dfd7911 100644 --- a/src/client/ui/visitor.vue +++ b/src/client/ui/visitor.vue @@ -1,10 +1,10 @@ <template> <div class="mk-app"> <header> - <router-link class="link" to="/">{{ $t('home') }}</router-link> - <router-link class="link" to="/announcements">{{ $t('announcements') }}</router-link> - <router-link class="link" to="/channels">{{ $t('channel') }}</router-link> - <router-link class="link" to="/about">{{ $t('aboutX', { x: instanceName || host }) }}</router-link> + <MkA class="link" to="/">{{ $t('home') }}</MkA> + <MkA class="link" to="/announcements">{{ $t('announcements') }}</MkA> + <MkA class="link" to="/channels">{{ $t('channel') }}</MkA> + <MkA class="link" to="/about">{{ $t('aboutX', { x: instanceName || host }) }}</MkA> </header> <div class="banner" :style="{ backgroundImage: `url(${ $store.state.instance.meta.bannerUrl })` }"> @@ -23,12 +23,12 @@ </router-view> </main> <div class="powered-by"> - <b><router-link to="/">{{ host }}</router-link></b> + <b><MkA to="/">{{ host }}</MkA></b> <small>Powered by <a href="https://github.com/syuilo/misskey" target="_blank">Misskey</a></small> </div> </div> - <StreamIndicator v-if="$store.getters.isSignedIn"/> + <XCommon/> </div> </template> @@ -39,12 +39,14 @@ import { host, instanceName } from '@/config'; import { search } from '@/scripts/search'; import * as os from '@/os'; import XHeader from './_common_/header.vue'; +import XCommon from './_common_/common.vue'; const DESKTOP_THRESHOLD = 1100; export default defineComponent({ components: { - XHeader + XCommon, + XHeader, }, data() { @@ -130,7 +132,7 @@ export default defineComponent({ line-height: 60px; padding: 0 0.7em; - &.router-link-active { + &.MkA-active { box-shadow: 0 -2px 0 0 var(--accent) inset; } } |