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

larger pfp's for first column of replies on mobile

This commit is contained in:
Freeplay 2023-02-24 20:37:36 -05:00
parent b34b6de71f
commit 5eee718750
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,5 @@
<template> <template>
<div v-size="{ max: [450] }" class="wrpstxzv" :class="{ children: depth > 1, singleStart: replies.length == 1 }"> <div v-size="{ max: [450] }" class="wrpstxzv" :class="{ children: depth > 1, singleStart: replies.length == 1, firstColumn: depth == 1 && conversation }">
<div v-if="conversation && depth > 1" class="line"></div> <div v-if="conversation && depth > 1" class="line"></div>
<div class="main" @click="router.push(notePage(note))"> <div class="main" @click="router.push(notePage(note))">
<div class="avatar-container"> <div class="avatar-container">
@ -252,8 +252,17 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
@media (max-width: 450px) { @media (max-width: 450px) {
padding: 14px 16px; padding: 14px 16px;
&.reply { &.reply {
--avatarSize: 28px; --avatarSize: 24px;
--indent: calc(var(--avatarSize) - 8px); --indent: calc(var(--avatarSize) - 4px);
}
&.firstColumn {
> .main, > .line, > .children:not(.single) > .line {
--avatarSize: 35px;
--indent: 35px;
}
> .children:not(.single) {
padding-left: 28px !important;
}
} }
} }
} }