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

Reduce detailed note spacing on mobile

This commit is contained in:
Freeplay 2023-02-24 11:55:51 -05:00
parent 2311956dfa
commit b34b6de71f
2 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -291,7 +291,7 @@ function blur() {
os.api('notes/children', { os.api('notes/children', {
noteId: appearNote.id, noteId: appearNote.id,
limit: 30, limit: 30,
depth: 6, depth: 12,
}).then(res => { }).then(res => {
replies.value = res; replies.value = res;
directReplies.value = res.filter(note => note.replyId === appearNote.id || note.renoteId === appearNote.id).reverse(); directReplies.value = res.filter(note => note.replyId === appearNote.id || note.renoteId === appearNote.id).reverse();
@ -599,6 +599,10 @@ onUnmounted(() => {
font-size: 0.9em; font-size: 0.9em;
} }
@media (max-width: 500px) {
margin-inline: -24px;
}
&.max-width_450px { &.max-width_450px {
> .reply-to-more:first-child { > .reply-to-more:first-child {
@ -616,6 +620,10 @@ onUnmounted(() => {
} }
} }
@media (max-width: 400px) {
margin-inline: -12px;
}
&.max-width_350px { &.max-width_350px {
> .article { > .article {
> .main { > .main {

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

@ -239,12 +239,8 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
} }
&.max-width_450px { &.max-width_450px {
padding: 14px 16px;
&.reply {
--avatarSize: 28px;
--indent: calc(var(--avatarSize) - 8px);
}
&.reply-to, &.reply-to-more { &.reply-to, &.reply-to-more {
padding: 14px 16px;
padding-top: 14px !important; padding-top: 14px !important;
padding-bottom: 0 !important; padding-bottom: 0 !important;
margin-bottom: 0 !important; margin-bottom: 0 !important;
@ -253,5 +249,12 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
margin-right: 10px; margin-right: 10px;
} }
} }
@media (max-width: 450px) {
padding: 14px 16px;
&.reply {
--avatarSize: 28px;
--indent: calc(var(--avatarSize) - 8px);
}
}
} }
</style> </style>