diff options
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> |