diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue index 00758e7e40..19205e0d99 100644 --- a/packages/client/src/components/MkNote.vue +++ b/packages/client/src/components/MkNote.vue @@ -5,7 +5,7 @@ v-show="!isDeleted" ref="el" v-hotkey="keymap" - v-size="{ max: [500, 450, 350] }" + v-size="{ max: [500, 350] }" class="tkcbzcuz note-container" :tabindex="!isDeleted ? '-1' : null" :class="{ renote: isRenote }" @@ -844,10 +844,7 @@ defineExpose({ } &.max-width_500px { - font-size: 0.9em; - } - - &.max-width_450px { + font-size: 0.975em; --avatarSize: 46px; padding-top: 6px; > .note-context { diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue index 264bd9660e..205816118c 100644 --- a/packages/client/src/components/MkNoteDetailed.vue +++ b/packages/client/src/components/MkNoteDetailed.vue @@ -4,7 +4,7 @@ v-show="!isDeleted" ref="el" v-hotkey="keymap" - v-size="{ max: [500, 450, 350, 300] }" + v-size="{ max: [500, 350, 300] }" class="lxwezrsl _block" :tabindex="!isDeleted ? '-1' : null" :class="{ renote: isRenote }" @@ -558,7 +558,7 @@ onUnmounted(() => { &::before { inset: 0px 8px; } - &:not(.max-width_450px)::before { + &:not(.max-width_500px)::before { bottom: 16px; } &:first-of-type::before { @@ -609,11 +609,8 @@ onUnmounted(() => { background: none; } } - &.max-width_500px { - font-size: 0.9em; - } - &.max-width_450px { + font-size: 0.975em; > .reply-to { &::before { inset-inline: -24px; @@ -628,6 +625,7 @@ onUnmounted(() => { > :deep(.note-container) { padding: 12px 0 0 0; + font-size: 1.05rem; > .header > .body { padding-left: 10px; } diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue index 5112ae17f4..813eab7ae3 100644 --- a/packages/client/src/components/MkNoteSub.vue +++ b/packages/client/src/components/MkNoteSub.vue @@ -420,7 +420,7 @@ function noteClick(e) { font-size: 1em; cursor: auto; - &.max-width_450px { + &.max-width_500px { padding: 10px 0 0 8px; } } @@ -732,6 +732,7 @@ function noteClick(e) { } &.max-width_500px { + padding: 14px 16px; :not(.reply) > & { .reply { --avatarSize: 24px; @@ -749,11 +750,8 @@ function noteClick(e) { padding-left: 28px !important; } } - } - &.max-width_450px { - padding: 14px 16px; - &.reply-to, - &.reply-to-more { + &.reply-to { + --avatarSize: 46px; padding: 14px 16px; padding-top: 14px !important; padding-bottom: 0 !important;