diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-02-05 10:37:03 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-02-05 10:37:03 +0900 |
| commit | 6a3039f7b7d635a3a3e00ea9501bc44b1c9dc76c (patch) | |
| tree | 77215228ac223088049db5820e94ca092ee87ffa /packages/frontend/src/components | |
| parent | update CHANGELOG.md (diff) | |
| download | sharkey-6a3039f7b7d635a3a3e00ea9501bc44b1c9dc76c.tar.gz sharkey-6a3039f7b7d635a3a3e00ea9501bc44b1c9dc76c.tar.bz2 sharkey-6a3039f7b7d635a3a3e00ea9501bc44b1c9dc76c.zip | |
feat: ロールにアイコンを設定してユーザー名の横に表示できるように
Resolve #9761
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkNoteHeader.vue | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkNoteHeader.vue b/packages/frontend/src/components/MkNoteHeader.vue index 8771168a42..6b43f14665 100644 --- a/packages/frontend/src/components/MkNoteHeader.vue +++ b/packages/frontend/src/components/MkNoteHeader.vue @@ -5,6 +5,9 @@ </MkA> <div v-if="note.user.isBot" :class="$style.isBot">bot</div> <div :class="$style.username"><MkAcct :user="note.user"/></div> + <div v-if="note.user.badgeRoles" :class="$style.badgeRoles"> + <img v-for="role in note.user.badgeRoles" :key="role.id" v-tooltip="role.name" :class="$style.badgeRole" :src="role.iconUrl"/> + </div> <div :class="$style.info"> <MkA :to="notePage(note)"> <MkTime :time="note.createdAt"/> @@ -77,4 +80,17 @@ defineProps<{ margin-left: auto; font-size: 0.9em; } + +.badgeRoles { + margin: 0 .5em 0 0; +} + +.badgeRole { + height: 1.3em; + vertical-align: -20%; + + & + .badgeRole { + margin-left: .125em; + } +} </style> |