diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-16 01:28:34 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-16 01:28:34 +0900 |
| commit | 5fb4538315eca7b22ad326ac60c4ebd6a53b20f3 (patch) | |
| tree | 5a000d92599cde6f3b704a9bd676c1700a80739d /src/client/components/note-preview.vue | |
| parent | feat: ノートプレビューを追加 (#7596) (diff) | |
| download | sharkey-5fb4538315eca7b22ad326ac60c4ebd6a53b20f3.tar.gz sharkey-5fb4538315eca7b22ad326ac60c4ebd6a53b20f3.tar.bz2 sharkey-5fb4538315eca7b22ad326ac60c4ebd6a53b20f3.zip | |
refactor(client): コンポーネント名が紛らわしくなるのでpreview->simpleにリネーム
Diffstat (limited to 'src/client/components/note-preview.vue')
| -rw-r--r-- | src/client/components/note-preview.vue | 113 |
1 files changed, 0 insertions, 113 deletions
diff --git a/src/client/components/note-preview.vue b/src/client/components/note-preview.vue deleted file mode 100644 index 406a475cd9..0000000000 --- a/src/client/components/note-preview.vue +++ /dev/null @@ -1,113 +0,0 @@ -<template> -<div class="yohlumlk" v-size="{ min: [350, 500] }"> - <MkAvatar class="avatar" :user="note.user"/> - <div class="main"> - <XNoteHeader class="header" :note="note" :mini="true"/> - <div class="body"> - <p v-if="note.cw != null" class="cw"> - <span class="text" v-if="note.cw != ''">{{ note.cw }}</span> - <XCwButton v-model="showContent" :note="note"/> - </p> - <div class="content" v-show="note.cw == null || showContent"> - <XSubNote-content class="text" :note="note"/> - </div> - </div> - </div> -</div> -</template> - -<script lang="ts"> -import { defineComponent } from 'vue'; -import XNoteHeader from './note-header.vue'; -import XSubNoteContent from './sub-note-content.vue'; -import XCwButton from './cw-button.vue'; -import * as os from '@client/os'; - -export default defineComponent({ - components: { - XNoteHeader, - XSubNoteContent, - XCwButton, - }, - - props: { - note: { - type: Object, - required: true - } - }, - - data() { - return { - showContent: false - }; - } -}); -</script> - -<style lang="scss" scoped> -.yohlumlk { - display: flex; - margin: 0; - padding: 0; - overflow: clip; - font-size: 0.95em; - - &.min-width_350px { - > .avatar { - margin: 0 10px 0 0; - width: 44px; - height: 44px; - } - } - - &.min-width_500px { - > .avatar { - margin: 0 12px 0 0; - width: 48px; - height: 48px; - } - } - - > .avatar { - flex-shrink: 0; - display: block; - margin: 0 10px 0 0; - width: 40px; - height: 40px; - border-radius: 8px; - } - - > .main { - 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 { - cursor: default; - margin: 0; - padding: 0; - } - } - } - } -} -</style> |