diff options
Diffstat (limited to 'packages/client/src/components/MkNoteSub.vue')
| -rw-r--r-- | packages/client/src/components/MkNoteSub.vue | 140 |
1 files changed, 0 insertions, 140 deletions
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue deleted file mode 100644 index d03ce7c434..0000000000 --- a/packages/client/src/components/MkNoteSub.vue +++ /dev/null @@ -1,140 +0,0 @@ -<template> -<div v-size="{ max: [450] }" class="wrpstxzv" :class="{ children: depth > 1 }"> - <div class="main"> - <MkAvatar class="avatar" :user="note.user"/> - <div class="body"> - <XNoteHeader class="header" :note="note" :mini="true"/> - <div class="body"> - <p v-if="note.cw != null" class="cw"> - <Mfm v-if="note.cw != ''" class="text" :text="note.cw" :author="note.user" :i="$i" :custom-emojis="note.emojis"/> - <XCwButton v-model="showContent" :note="note"/> - </p> - <div v-show="note.cw == null || showContent" class="content"> - <MkSubNoteContent class="text" :note="note"/> - </div> - </div> - </div> - </div> - <template v-if="depth < 5"> - <MkNoteSub v-for="reply in replies" :key="reply.id" :note="reply" class="reply" :detail="true" :depth="depth + 1"/> - </template> - <div v-else class="more"> - <MkA class="text _link" :to="notePage(note)">{{ i18n.ts.continueThread }} <i class="ti ti-chevron-double-right"></i></MkA> - </div> -</div> -</template> - -<script lang="ts" setup> -import { } from 'vue'; -import * as misskey from 'misskey-js'; -import XNoteHeader from '@/components/MkNoteHeader.vue'; -import MkSubNoteContent from '@/components/MkSubNoteContent.vue'; -import XCwButton from '@/components/MkCwButton.vue'; -import { notePage } from '@/filters/note'; -import * as os from '@/os'; -import { i18n } from '@/i18n'; - -const props = withDefaults(defineProps<{ - note: misskey.entities.Note; - detail?: boolean; - - // how many notes are in between this one and the note being viewed in detail - depth?: number; -}>(), { - depth: 1, -}); - -let showContent = $ref(false); -let replies: misskey.entities.Note[] = $ref([]); - -if (props.detail) { - os.api('notes/children', { - noteId: props.note.id, - limit: 5, - }).then(res => { - replies = res; - }); -} -</script> - -<style lang="scss" scoped> -.wrpstxzv { - padding: 16px 32px; - font-size: 0.9em; - - &.max-width_450px { - padding: 14px 16px; - } - - &.children { - padding: 10px 0 0 16px; - font-size: 1em; - - &.max-width_450px { - padding: 10px 0 0 8px; - } - } - - > .main { - display: flex; - - > .avatar { - flex-shrink: 0; - display: block; - margin: 0 8px 0 0; - width: 38px; - height: 38px; - border-radius: 8px; - } - - > .body { - flex: 1; - min-width: 0; - - > .header { - margin-bottom: 2px; - } - - > .body { - > .cw { - cursor: default; - display: block; - margin: 0; - padding: 0; - overflow-wrap: break-word; - - > .text { - margin-right: 8px; - } - } - - > .content { - > .text { - margin: 0; - padding: 0; - } - } - } - } - } - - > .reply, > .more { - border-left: solid 0.5px var(--divider); - margin-top: 10px; - } - - > .more { - padding: 10px 0 0 16px; - } -} - -@container (max-width: 450px) { - .wrpstxzv { - padding: 14px 16px; - - &.children { - padding: 10px 0 0 8px; - } - } -} -</style> |