ユーザー名にコントラストを付けるデザインのオンオフを切り替えられるように

This commit is contained in:
syuilo
2018-09-07 05:45:13 +09:00
parent fa04ac789e
commit 2b50364ab4
5 changed files with 20 additions and 2 deletions

View File

@ -1,7 +1,7 @@
<template>
<span class="mk-acct">
<span class="name">@{{ user.username }}</span>
<span class="host" v-if="user.host || detail">@{{ user.host || host }}</span>
<span class="host" :class="{ fade: $store.state.settings.contrastedAcct }" v-if="user.host || detail">@{{ user.host || host }}</span>
</span>
</template>
@ -20,6 +20,6 @@ export default Vue.extend({
<style lang="stylus" scoped>
.mk-acct
> .host
> .host.fade
opacity 0.5
</style>