diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-24 21:02:50 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-24 21:02:50 +0900 |
| commit | 09f4885f8975c935861ddef01f4cdb83c4a185d9 (patch) | |
| tree | b561a408f6683a7cf52b0dfaff57d67310bada35 /src/client | |
| parent | :art: (diff) | |
| download | sharkey-09f4885f8975c935861ddef01f4cdb83c4a185d9.tar.gz sharkey-09f4885f8975c935861ddef01f4cdb83c4a185d9.tar.bz2 sharkey-09f4885f8975c935861ddef01f4cdb83c4a185d9.zip | |
feat(client): メンションにユーザーのアバターを表示するように
Resolve #350
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/components/mention.vue | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/src/client/components/mention.vue b/src/client/components/mention.vue index b9bd6b320b..101a9020ee 100644 --- a/src/client/components/mention.vue +++ b/src/client/components/mention.vue @@ -1,6 +1,7 @@ <template> <MkA class="ldlomzub" :class="{ isMe }" :to="url" v-user-preview="canonical" v-if="url.startsWith('/')"> <span class="me" v-if="isMe">{{ $ts.you }}</span> + <img class="icon" :src="`/avatar/@${username}@${host}`" alt=""> <span class="main"> <span class="username">@{{ username }}</span> <span class="host" v-if="(host != localHost) || $store.state.showFullAcct">@{{ toUnicode(host) }}</span> @@ -76,6 +77,13 @@ export default defineComponent({ vertical-align: top; } + > .icon { + width: 1.5em; + margin: 0 0.2em; + vertical-align: bottom; + border-radius: 100%; + } + > .main { > .host { opacity: 0.5; |