diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue index ff8264a60..264bd9660 100644 --- a/packages/client/src/components/MkNoteDetailed.vue +++ b/packages/client/src/components/MkNoteDetailed.vue @@ -559,7 +559,7 @@ onUnmounted(() => { inset: 0px 8px; } &:not(.max-width_450px)::before { - bottom: 12px; + bottom: 16px; } &:first-of-type::before { top: 12px; @@ -614,8 +614,16 @@ onUnmounted(() => { font-size: 0.9em; } &.max-width_450px { - > .reply-to:first-child { - padding-top: 14px; + > .reply-to { + &::before { + inset-inline: -24px; + } + &:first-child { + padding-top: 14px; + &::before { + top: -24px; + } + } } > :deep(.note-container) { diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue index c006ebaff..5112ae17f 100644 --- a/packages/client/src/components/MkNoteSub.vue +++ b/packages/client/src/components/MkNoteSub.vue @@ -543,6 +543,14 @@ function noteClick(e) { border-radius: var(--radius); } } + &.reply-to { + > .main > .body { + margin-left: calc(0px - var(--avatarSize) - 38px); + padding-left: calc(var(--avatarSize) + 38px); + margin-top: -16px; + padding-top: 16px; + } + } &.reply { --avatarSize: 38px; .avatar-container { diff --git a/packages/client/src/components/MkSubNoteContent.vue b/packages/client/src/components/MkSubNoteContent.vue index 0f2941e08..8694dacd2 100644 --- a/packages/client/src/components/MkSubNoteContent.vue +++ b/packages/client/src/components/MkSubNoteContent.vue @@ -348,10 +348,10 @@ function focusFooter(ev) { black calc(100% - 64px), transparent ); - padding-inline: 50px; - margin-inline: -50px; - margin-top: -50px; - padding-top: 50px; + padding-inline: 100px; + margin-inline: -100px; + margin-top: -100px; + padding-top: 100px; overflow: hidden; user-select: none; -webkit-user-select: none;