summaryrefslogtreecommitdiff
path: root/src/client/components/note-preview.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2021-10-16 01:28:34 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2021-10-16 01:28:34 +0900
commit5fb4538315eca7b22ad326ac60c4ebd6a53b20f3 (patch)
tree5a000d92599cde6f3b704a9bd676c1700a80739d /src/client/components/note-preview.vue
parentfeat: ノートプレビューを追加 (#7596) (diff)
downloadsharkey-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.vue113
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>