diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2020-01-31 05:09:52 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2020-01-31 05:09:52 +0900 |
| commit | 99b5d94b1164b5d3e57d30b0d8be0b92e5b3c4e4 (patch) | |
| tree | 051373e54a0671b8ad3adeb1f84ebeba3c4b793e /src/client/components/note-header.vue | |
| parent | Make notifications widget flexible (#5791) (diff) | |
| download | sharkey-99b5d94b1164b5d3e57d30b0d8be0b92e5b3c4e4.tar.gz sharkey-99b5d94b1164b5d3e57d30b0d8be0b92e5b3c4e4.tar.bz2 sharkey-99b5d94b1164b5d3e57d30b0d8be0b92e5b3c4e4.zip | |
Show moderator badge
Diffstat (limited to 'src/client/components/note-header.vue')
| -rw-r--r-- | src/client/components/note-header.vue | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/src/client/components/note-header.vue b/src/client/components/note-header.vue index 30ecb80834..17fe8ebff7 100644 --- a/src/client/components/note-header.vue +++ b/src/client/components/note-header.vue @@ -5,6 +5,8 @@ </router-link> <span class="is-bot" v-if="note.user.isBot">bot</span> <span class="username"><mk-acct :user="note.user"/></span> + <span class="admin" v-if="note.user.isAdmin"><fa :icon="faBookmark"/></span> + <span class="moderator" v-if="!note.user.isAdmin && note.user.isModerator"><fa :icon="farBookmark"/></span> <div class="info"> <span class="mobile" v-if="note.viaMobile"><fa :icon="faMobileAlt"/></span> <router-link class="created-at" :to="note | notePage"> @@ -21,7 +23,8 @@ <script lang="ts"> import Vue from 'vue'; -import { faHome, faUnlock, faEnvelope, faMobileAlt } from '@fortawesome/free-solid-svg-icons'; +import { faHome, faUnlock, faEnvelope, faMobileAlt, faBookmark } from '@fortawesome/free-solid-svg-icons'; +import { faBookmark as farBookmark } from '@fortawesome/free-regular-svg-icons'; export default Vue.extend({ props: { @@ -33,7 +36,7 @@ export default Vue.extend({ data() { return { - faHome, faUnlock, faEnvelope, faMobileAlt + faHome, faUnlock, faEnvelope, faMobileAlt, faBookmark, farBookmark }; } }); @@ -67,8 +70,7 @@ export default Vue.extend({ margin: 0 .5em 0 0; padding: 1px 6px; font-size: 80%; - color: var(--noteHeaderBadgeFg); - background: var(--noteHeaderBadgeBg); + border: solid 1px var(--divider); border-radius: 3px; } |