diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-08 10:48:44 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-08 10:48:44 +0900 |
| commit | 49f3090edd63a201e6093e1d1efeac362bf86d55 (patch) | |
| tree | 024a92b3f36a770ee987acfb46e1c84f68c16ca7 /packages/frontend/src/components/MkNoteHeader.vue | |
| parent | :art: (diff) | |
| download | sharkey-49f3090edd63a201e6093e1d1efeac362bf86d55.tar.gz sharkey-49f3090edd63a201e6093e1d1efeac362bf86d55.tar.bz2 sharkey-49f3090edd63a201e6093e1d1efeac362bf86d55.zip | |
tweak note componsnt
Diffstat (limited to 'packages/frontend/src/components/MkNoteHeader.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNoteHeader.vue | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/packages/frontend/src/components/MkNoteHeader.vue b/packages/frontend/src/components/MkNoteHeader.vue index 333c3ddbd9..61d07f85e5 100644 --- a/packages/frontend/src/components/MkNoteHeader.vue +++ b/packages/frontend/src/components/MkNoteHeader.vue @@ -1,6 +1,6 @@ <template> <header class="kkwtjztg"> - <MkA v-user-preview="note.user.id" class="name" :to="userPage(note.user)"> + <MkA v-once v-user-preview="note.user.id" class="name" :to="userPage(note.user)"> <MkUserName :user="note.user"/> </MkA> <div v-if="note.user.isBot" class="is-bot">bot</div> @@ -9,7 +9,12 @@ <MkA class="created-at" :to="notePage(note)"> <MkTime :time="note.createdAt"/> </MkA> - <MkVisibility :note="note"/> + <span v-if="note.visibility !== 'public'" style="{ margin-left: 0.5em; }" :title="i18n.ts._visibility[note.visibility]"> + <i v-if="note.visibility === 'home'" class="ti ti-home"></i> + <i v-else-if="note.visibility === 'followers'" class="ti ti-lock-open"></i> + <i v-else-if="note.visibility === 'specified'" ref="specified" class="ti ti-mail"></i> + </span> + <span v-if="note.localOnly" style="{ margin-left: 0.5em; }" :title="i18n.ts._visibility['localOnly']"><i class="ti ti-world-off"></i></span> </div> </header> </template> @@ -17,7 +22,7 @@ <script lang="ts" setup> import { } from 'vue'; import * as misskey from 'misskey-js'; -import MkVisibility from '@/components/MkVisibility.vue'; +import { i18n } from '@/i18n'; import { notePage } from '@/filters/note'; import { userPage } from '@/filters/user'; |