diff --git a/packages/frontend/src/components/MkClipPreview.vue b/packages/frontend/src/components/MkClipPreview.vue new file mode 100644 index 000000000..c5fb71878 --- /dev/null +++ b/packages/frontend/src/components/MkClipPreview.vue @@ -0,0 +1,39 @@ + + + + + diff --git a/packages/frontend/src/pages/my-clips/index.vue b/packages/frontend/src/pages/my-clips/index.vue index ad5f95e60..4c23985f3 100644 --- a/packages/frontend/src/pages/my-clips/index.vue +++ b/packages/frontend/src/pages/my-clips/index.vue @@ -2,24 +2,18 @@ -
+
{{ i18n.ts.add }} - - - {{ item.name }} -
{{ item.description }}
+ + +
- - {{ item.name }} -
{{ item.description }}
-
{{ i18n.ts.updatedAt }}:
-
- -
+ +
@@ -30,6 +24,7 @@ import { watch } from 'vue'; import MkPagination from '@/components/MkPagination.vue'; import MkButton from '@/components/MkButton.vue'; +import MkClipPreview from '@/components/MkClipPreview.vue'; import * as os from '@/os'; import { i18n } from '@/i18n'; import { definePageMetadata } from '@/scripts/page-metadata'; @@ -103,44 +98,6 @@ definePageMetadata({ }); - - diff --git a/packages/frontend/src/pages/note.vue b/packages/frontend/src/pages/note.vue index 165e357eb..45efe655f 100644 --- a/packages/frontend/src/pages/note.vue +++ b/packages/frontend/src/pages/note.vue @@ -17,13 +17,11 @@
{{ i18n.ts.clip }}
- - {{ item.name }} -
{{ item.description }}
-
- -
-
+
+ + + +
@@ -51,6 +49,7 @@ import * as os from '@/os'; import { definePageMetadata } from '@/scripts/page-metadata'; import { i18n } from '@/i18n'; import { dateString } from '@/filters/date'; +import MkClipPreview from '@/components/MkClipPreview.vue'; const props = defineProps<{ noteId: string; @@ -178,27 +177,6 @@ definePageMetadata(computed(() => note ? { font-weight: bold; padding: 12px; } - - > .item { - display: block; - padding: 16px; - - > .description { - padding: 8px 0; - } - - > .user { - $height: 32px; - padding-top: 16px; - border-top: solid 0.5px var(--divider); - line-height: $height; - - > .avatar { - width: $height; - height: $height; - } - } - } } } }