From 06f55ffb372a70d1737383dfcd1cb1ced7509ea0 Mon Sep 17 00:00:00 2001 From: syuilo Date: Tue, 10 Jan 2023 05:17:54 +0900 Subject: [PATCH] refactor(client): use css modules --- packages/frontend/src/components/MkNote.vue | 638 ++++++++---------- .../frontend/src/components/MkNoteHeader.vue | 88 +-- .../frontend/src/components/global/MkAcct.vue | 13 +- .../src/components/global/MkAvatar.vue | 116 ++-- .../src/components/global/MkEmoji.vue | 50 +- 5 files changed, 425 insertions(+), 480 deletions(-) diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue index 45aba1d24..54afae952 100644 --- a/packages/frontend/src/components/MkNote.vue +++ b/packages/frontend/src/components/MkNote.vue @@ -4,27 +4,26 @@ v-show="!isDeleted" ref="el" v-hotkey="keymap" - class="tkcbzcuz" + :class="[$style.root, { [$style.isRenote]: isRenote }]" :tabindex="!isDeleted ? '-1' : null" - :class="{ renote: isRenote }" > - -
{{ i18n.ts.pinnedNote }}
-
{{ i18n.ts.promotion }}
-
{{ i18n.ts.featured }}
-
- - - + +
{{ i18n.ts.pinnedNote }}
+ + +
+ + + -
- @@ -35,80 +34,80 @@
-
- -
- - -
-

- +

+ +
+ + +
+

+

-
-
+
+
({{ i18n.ts.private }}) - + - RN: -
+
-
+
{{ $t('translatedFrom', { x: translation.sourceLang }) }}:
-
+
- - -
- -
- {{ appearNote.channel.name }} + {{ appearNote.channel.name }}
-
+
- - - - -
-
+
@@ -349,8 +348,8 @@ function readPromo() { } - diff --git a/packages/frontend/src/components/global/MkAcct.vue b/packages/frontend/src/components/global/MkAcct.vue index c3e806b5f..2a43ded9e 100644 --- a/packages/frontend/src/components/global/MkAcct.vue +++ b/packages/frontend/src/components/global/MkAcct.vue @@ -1,7 +1,7 @@ @@ -18,10 +18,3 @@ defineProps<{ const host = toUnicode(hostRaw); - diff --git a/packages/frontend/src/components/global/MkAvatar.vue b/packages/frontend/src/components/global/MkAvatar.vue index 2f8e7945f..0a42a2932 100644 --- a/packages/frontend/src/components/global/MkAvatar.vue +++ b/packages/frontend/src/components/global/MkAvatar.vue @@ -1,11 +1,11 @@ @@ -68,75 +68,77 @@ watch(() => props.user.avatarBlurhash, () => { 75% { transform: rotate(0deg) skew(-30deg); } to { transform: rotate(-37.6deg) skew(-30deg); } } + -.eiwwqkts { +