fix: make note footer scale correctly

This commit is contained in:
Insert5StarName 2023-10-15 18:58:27 +02:00
parent 731a686b57
commit 94d2a16e89
2 changed files with 14 additions and 3 deletions

View file

@ -668,6 +668,9 @@ function readPromo() {
.footer {
position: relative;
z-index: 1;
margin-top: 0.4em;
width: max-content;
min-width: max-content;
}
&:hover > .article > .main > .footer > .footerButton {
@ -939,7 +942,7 @@ function readPromo() {
opacity: 0.7;
&:not(:last-child) {
margin-right: 28px;
margin-right: 1.5em;
}
&:hover {

View file

@ -92,7 +92,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
<MkA v-if="appearNote.channel && !inChannel" :class="$style.channel" :to="`/channels/${appearNote.channel.id}`"><i class="ph-television ph-bold ph-lg"></i> {{ appearNote.channel.name }}</MkA>
</div>
<footer>
<footer :class="$style.footer">
<div :class="$style.noteFooterInfo">
<div v-if="appearNote.updatedAt">
{{ i18n.ts.edited }}: <MkTime :time="appearNote.updatedAt" mode="detail"/>
@ -683,6 +683,14 @@ if (appearNote.reply && appearNote.reply.replyId && defaultStore.state.autoloadC
contain: content;
}
.footer {
position: relative;
z-index: 1;
margin-top: 0.4em;
width: max-content;
min-width: max-content;
}
.replyTo {
opacity: 0.7;
padding-bottom: 0;
@ -855,7 +863,7 @@ if (appearNote.reply && appearNote.reply.replyId && defaultStore.state.autoloadC
opacity: 0.7;
&:not(:last-child) {
margin-right: 28px;
margin-right: 1.5em;
}
&:hover {