spacing and font size adjustments

This commit is contained in:
Freeplay 2023-06-13 00:04:36 -04:00
parent cb59298df4
commit 35fd45965d
3 changed files with 10 additions and 17 deletions

View File

@ -5,7 +5,7 @@
v-show="!isDeleted" v-show="!isDeleted"
ref="el" ref="el"
v-hotkey="keymap" v-hotkey="keymap"
v-size="{ max: [500, 450, 350] }" v-size="{ max: [500, 350] }"
class="tkcbzcuz note-container" class="tkcbzcuz note-container"
:tabindex="!isDeleted ? '-1' : null" :tabindex="!isDeleted ? '-1' : null"
:class="{ renote: isRenote }" :class="{ renote: isRenote }"
@ -844,10 +844,7 @@ defineExpose({
} }
&.max-width_500px { &.max-width_500px {
font-size: 0.9em; font-size: 0.975em;
}
&.max-width_450px {
--avatarSize: 46px; --avatarSize: 46px;
padding-top: 6px; padding-top: 6px;
> .note-context { > .note-context {

View File

@ -4,7 +4,7 @@
v-show="!isDeleted" v-show="!isDeleted"
ref="el" ref="el"
v-hotkey="keymap" v-hotkey="keymap"
v-size="{ max: [500, 450, 350, 300] }" v-size="{ max: [500, 350, 300] }"
class="lxwezrsl _block" class="lxwezrsl _block"
:tabindex="!isDeleted ? '-1' : null" :tabindex="!isDeleted ? '-1' : null"
:class="{ renote: isRenote }" :class="{ renote: isRenote }"
@ -558,7 +558,7 @@ onUnmounted(() => {
&::before { &::before {
inset: 0px 8px; inset: 0px 8px;
} }
&:not(.max-width_450px)::before { &:not(.max-width_500px)::before {
bottom: 16px; bottom: 16px;
} }
&:first-of-type::before { &:first-of-type::before {
@ -609,11 +609,8 @@ onUnmounted(() => {
background: none; background: none;
} }
} }
&.max-width_500px { &.max-width_500px {
font-size: 0.9em; font-size: 0.975em;
}
&.max-width_450px {
> .reply-to { > .reply-to {
&::before { &::before {
inset-inline: -24px; inset-inline: -24px;
@ -628,6 +625,7 @@ onUnmounted(() => {
> :deep(.note-container) { > :deep(.note-container) {
padding: 12px 0 0 0; padding: 12px 0 0 0;
font-size: 1.05rem;
> .header > .body { > .header > .body {
padding-left: 10px; padding-left: 10px;
} }

View File

@ -420,7 +420,7 @@ function noteClick(e) {
font-size: 1em; font-size: 1em;
cursor: auto; cursor: auto;
&.max-width_450px { &.max-width_500px {
padding: 10px 0 0 8px; padding: 10px 0 0 8px;
} }
} }
@ -732,6 +732,7 @@ function noteClick(e) {
} }
&.max-width_500px { &.max-width_500px {
padding: 14px 16px;
:not(.reply) > & { :not(.reply) > & {
.reply { .reply {
--avatarSize: 24px; --avatarSize: 24px;
@ -749,11 +750,8 @@ function noteClick(e) {
padding-left: 28px !important; padding-left: 28px !important;
} }
} }
} &.reply-to {
&.max-width_450px { --avatarSize: 46px;
padding: 14px 16px;
&.reply-to,
&.reply-to-more {
padding: 14px 16px; padding: 14px 16px;
padding-top: 14px !important; padding-top: 14px !important;
padding-bottom: 0 !important; padding-bottom: 0 !important;