diff options
| author | Johann150 <johann.galle@protonmail.com> | 2022-07-07 14:17:47 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-07-07 21:17:47 +0900 |
| commit | a1b8587ab28b4de39bca24ae1ffdd77eb9a0c2f5 (patch) | |
| tree | a072ae989d0be69f9ec2428e419a3bb6f1575cfb /packages/client/src/components/note-header.vue | |
| parent | feat: auto nsfw detection (#8840) (diff) | |
| download | sharkey-a1b8587ab28b4de39bca24ae1ffdd77eb9a0c2f5.tar.gz sharkey-a1b8587ab28b4de39bca24ae1ffdd77eb9a0c2f5.tar.bz2 sharkey-a1b8587ab28b4de39bca24ae1ffdd77eb9a0c2f5.zip | |
enhance: show recipients of notes with specified visibility (#8949)
* enhance: reusable visibility component
* rename renote tooltip component
The tooltip that is used for renotes can be used in other cases as well.
* add tooltip for specified recipients
* add changelog entry
* Update visibility.vue
Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
Diffstat (limited to 'packages/client/src/components/note-header.vue')
| -rw-r--r-- | packages/client/src/components/note-header.vue | 16 |
1 files changed, 2 insertions, 14 deletions
diff --git a/packages/client/src/components/note-header.vue b/packages/client/src/components/note-header.vue index 56a3a37e75..0b05498566 100644 --- a/packages/client/src/components/note-header.vue +++ b/packages/client/src/components/note-header.vue @@ -9,12 +9,7 @@ <MkA class="created-at" :to="notePage(note)"> <MkTime :time="note.createdAt"/> </MkA> - <span v-if="note.visibility !== 'public'" class="visibility"> - <i v-if="note.visibility === 'home'" class="fas fa-home"></i> - <i v-else-if="note.visibility === 'followers'" class="fas fa-unlock"></i> - <i v-else-if="note.visibility === 'specified'" class="fas fa-envelope"></i> - </span> - <span v-if="note.localOnly" class="localOnly"><i class="fas fa-biohazard"></i></span> + <MkVisibility :note="note"/> </div> </header> </template> @@ -22,6 +17,7 @@ <script lang="ts" setup> import { } from 'vue'; import * as misskey from 'misskey-js'; +import MkVisibility from '@/components/visibility.vue'; import { notePage } from '@/filters/note'; import { userPage } from '@/filters/user'; @@ -74,14 +70,6 @@ defineProps<{ flex-shrink: 0; margin-left: auto; font-size: 0.9em; - - > .visibility { - margin-left: 8px; - } - - > .localOnly { - margin-left: 8px; - } } } </style> |