diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-10 08:48:37 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-10 08:48:37 +0900 |
| commit | f3c0af7e2308bb019c6f973f51de115653f1a9af (patch) | |
| tree | ec7aefa99f2637e6f9de22911ba8d6913d739961 /packages | |
| parent | Update vite.config.ts (diff) | |
| download | misskey-f3c0af7e2308bb019c6f973f51de115653f1a9af.tar.gz misskey-f3c0af7e2308bb019c6f973f51de115653f1a9af.tar.bz2 misskey-f3c0af7e2308bb019c6f973f51de115653f1a9af.zip | |
refactor(client): use css modules
Diffstat (limited to '')
| -rw-r--r-- | packages/frontend/src/components/MkDateSeparatedList.vue | 1 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkNote.vue | 2 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkNotes.vue | 12 |
3 files changed, 7 insertions, 8 deletions
diff --git a/packages/frontend/src/components/MkDateSeparatedList.vue b/packages/frontend/src/components/MkDateSeparatedList.vue index 1f88bdf137..5d8e14c3c8 100644 --- a/packages/frontend/src/components/MkDateSeparatedList.vue +++ b/packages/frontend/src/components/MkDateSeparatedList.vue @@ -80,7 +80,6 @@ export default defineComponent({ } else { if (props.ad && item._shouldInsertAd_) { return [h(MkAd, { - class: 'a', // advertiseの意(ブロッカー対策) key: item.id + ':ad', prefer: ['horizontal', 'horizontal-big'], }), el]; diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue index 9b336191c8..b6050beac0 100644 --- a/packages/frontend/src/components/MkNote.vue +++ b/packages/frontend/src/components/MkNote.vue @@ -4,7 +4,7 @@ v-show="!isDeleted" ref="el" v-hotkey="keymap" - :class="[$style.root, { [$style.isRenote]: isRenote }]" + :class="$style.root" :tabindex="!isDeleted ? '-1' : null" > <MkNoteSub v-if="appearNote.reply" :note="appearNote.reply" :class="$style.replyTo"/> diff --git a/packages/frontend/src/components/MkNotes.vue b/packages/frontend/src/components/MkNotes.vue index 66bb3f261e..73659fd501 100644 --- a/packages/frontend/src/components/MkNotes.vue +++ b/packages/frontend/src/components/MkNotes.vue @@ -8,9 +8,9 @@ </template> <template #default="{ items: notes }"> - <div class="giivymft" :class="{ noGap }"> - <MkDateSeparatedList ref="notes" v-slot="{ item: note }" :items="notes" :direction="pagination.reversed ? 'up' : 'down'" :reversed="pagination.reversed" :no-gap="noGap" :ad="true" class="notes"> - <XNote :key="note._featuredId_ || note._prId_ || note.id" class="qtqtichx" :note="note"/> + <div :class="[$style.root, { [$style.noGap]: noGap }]"> + <MkDateSeparatedList ref="notes" v-slot="{ item: note }" :items="notes" :direction="pagination.reversed ? 'up' : 'down'" :reversed="pagination.reversed" :no-gap="noGap" :ad="true" :class="$style.notes"> + <XNote :key="note._featuredId_ || note._prId_ || note.id" :class="$style.note" :note="note"/> </MkDateSeparatedList> </div> </template> @@ -36,8 +36,8 @@ defineExpose({ }); </script> -<style lang="scss" scoped> -.giivymft { +<style lang="scss" module> +.root { &.noGap { > .notes { background: var(--panel); @@ -48,7 +48,7 @@ defineExpose({ > .notes { background: var(--bg); - .qtqtichx { + .note { background: var(--panel); border-radius: var(--radius); } |