diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2024-09-28 09:52:40 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2024-09-28 09:52:40 +0900 |
| commit | e4d4cc52772182b291fa4fdec8ff06598874a3da (patch) | |
| tree | 0f3966161adb00f5244a8b7449a1f62bdd0f7137 /packages/frontend/src/components/MkNoteHeader.vue | |
| parent | show shown (#14639) (diff) | |
| download | sharkey-e4d4cc52772182b291fa4fdec8ff06598874a3da.tar.gz sharkey-e4d4cc52772182b291fa4fdec8ff06598874a3da.tar.bz2 sharkey-e4d4cc52772182b291fa4fdec8ff06598874a3da.zip | |
:art:
Diffstat (limited to 'packages/frontend/src/components/MkNoteHeader.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNoteHeader.vue | 20 |
1 files changed, 12 insertions, 8 deletions
diff --git a/packages/frontend/src/components/MkNoteHeader.vue b/packages/frontend/src/components/MkNoteHeader.vue index be5829d92f..7137c5fbf8 100644 --- a/packages/frontend/src/components/MkNoteHeader.vue +++ b/packages/frontend/src/components/MkNoteHeader.vue @@ -5,14 +5,18 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <header :class="$style.root"> - <div v-if="mock" :class="$style.name"> - <MkUserName :user="note.user"/> - </div> - <MkA v-else v-user-preview="note.user.id" :class="$style.name" :to="userPage(note.user)"> - <MkUserName :user="note.user"/> - </MkA> - <div v-if="note.user.isBot" :class="$style.isBot">bot</div> - <div :class="$style.username"><MkAcct :user="note.user"/></div> + <MkCondensedLine :minScale="0" style="min-width: 0; flex: 1;"> + <div style="display: flex; white-space: nowrap; align-items: baseline;"> + <div v-if="mock" :class="$style.name"> + <MkUserName :user="note.user"/> + </div> + <MkA v-else v-user-preview="note.user.id" :class="$style.name" :to="userPage(note.user)"> + <MkUserName :user="note.user"/> + </MkA> + <div v-if="note.user.isBot" :class="$style.isBot">bot</div> + <div :class="$style.username"><MkAcct :user="note.user"/></div> + </div> + </MkCondensedLine> <div v-if="note.user.badgeRoles" :class="$style.badgeRoles"> <img v-for="(role, i) in note.user.badgeRoles" :key="i" v-tooltip="role.name" :class="$style.badgeRole" :src="role.iconUrl!"/> </div> |