natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/client/src/components/MkNote.vue
View File

@ -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 {

10
packages/client/src/components/MkNoteDetailed.vue
View File

@ -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;
}

10
packages/client/src/components/MkNoteSub.vue
View File

@ -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;