diff --git a/packages/frontend/src/components/MkDateSeparatedList.vue b/packages/frontend/src/components/MkDateSeparatedList.vue index 1f88bdf13732fb5e1f10685ff5907e6f21a65b6f..5d8e14c3c846db45031e9e4de10ea7806038ebdc 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 9b336191c8691b18248569f434ad760944bed5ca..b6050beac0ea5da1c9b31fe46875eb0ba4f644f1 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 66bb3f261ee01b00441346748135b1be5a579f8c..73659fd5016ee69cf3c53e9565cadeac60eaf865 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); }