diff options
| author | Acid Chicken (硫酸鶏) <root@acid-chicken.com> | 2018-08-14 02:10:06 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-08-14 02:10:06 +0900 |
| commit | 38b75ad977828802cd84968d793166afd658a36a (patch) | |
| tree | a2b9c8c28a26fba9e583d2e58ac1344fe61affb0 /src/client | |
| parent | Update avatar.vue (diff) | |
| download | misskey-38b75ad977828802cd84968d793166afd658a36a.tar.gz misskey-38b75ad977828802cd84968d793166afd658a36a.tar.bz2 misskey-38b75ad977828802cd84968d793166afd658a36a.zip | |
Update avatar.vue
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/app/common/views/components/avatar.vue | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/src/client/app/common/views/components/avatar.vue b/src/client/app/common/views/components/avatar.vue index 77d4d5492a..7f6a555ad0 100644 --- a/src/client/app/common/views/components/avatar.vue +++ b/src/client/app/common/views/components/avatar.vue @@ -1,14 +1,14 @@ <template> - <span class="mk-avatar" :class="{ cat }" :title="user | acct" v-if="disableLink && !disablePreview" v-user-preview="user.id" @click="onClick"> + <span class="mk-avatar" :class="{ cat, white }" :title="user | acct" v-if="disableLink && !disablePreview" v-user-preview="user.id" @click="onClick"> <span class="inner" :style="style"></span> </span> - <span class="mk-avatar" :class="{ cat }" :title="user | acct" v-else-if="disableLink && disablePreview" @click="onClick"> + <span class="mk-avatar" :class="{ cat, white }" :title="user | acct" v-else-if="disableLink && disablePreview" @click="onClick"> <span class="inner" :style="style"></span> </span> - <router-link class="mk-avatar" :class="{ cat }" :to="user | userPage" :title="user | acct" :target="target" v-else-if="!disableLink && !disablePreview" v-user-preview="user.id"> + <router-link class="mk-avatar" :class="{ cat, white }" :to="user | userPage" :title="user | acct" :target="target" v-else-if="!disableLink && !disablePreview" v-user-preview="user.id"> <span class="inner" :style="style"></span> </router-link> - <router-link class="mk-avatar" :class="{ cat }" :to="user | userPage" :title="user | acct" :target="target" v-else-if="!disableLink && disablePreview"> + <router-link class="mk-avatar" :class="{ cat, white }" :to="user | userPage" :title="user | acct" :target="target" v-else-if="!disableLink && disablePreview"> <span class="inner" :style="style"></span> </router-link> </template> @@ -41,6 +41,9 @@ export default Vue.extend({ cat(): boolean { return this.user.isCat && this.$store.state.settings.circleIcons; }, + white():boolean { + return this.$store.state.device.darkmode; + }, style(): any { return { backgroundColor: this.lightmode @@ -69,13 +72,16 @@ export default Vue.extend({ &.cat::before, &.cat::after background #df548f - border solid 4px #ffffff + border solid 4px #202224 box-sizing border-box content '' display inline-block height 50% width 50% + &.white + border-color #e0eefd + &.cat::before border-radius 0 75% 75% transform rotate(37.5deg) skew(30deg) |