heartles/egirlskey
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

fix: make MKNoteSub scale correctly

Browse source
This commit is contained in:
Insert5StarName 2023-10-15 19:01:28 +02:00
parent 94d2a16e89
commit 85aa0c06bc
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/frontend/src/components/MkNoteSub.vue
View file

@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkSubNoteContent :class="$style.text" :note="note"/> <MkSubNoteContent :class="$style.text" :note="note"/>
</div> </div>
</div> </div>
<footer> <footer :class="$style.footer">
<MkReactionsViewer ref="reactionsViewer" :note="note"/> <MkReactionsViewer ref="reactionsViewer" :note="note"/>
<button class="_button" :class="$style.noteFooterButton" @click="reply()"> <button class="_button" :class="$style.noteFooterButton" @click="reply()">
<i class="ph-arrow-u-up-left ph-bold pg-lg"></i> <i class="ph-arrow-u-up-left ph-bold pg-lg"></i>
@ -394,6 +394,14 @@ if (props.detail) {
} }
} }
.footer {
position: relative;
z-index: 1;
margin-top: 0.4em;
width: max-content;
min-width: max-content;
}
.main { .main {
display: flex; display: flex;
} }
@ -433,7 +441,7 @@ if (props.detail) {
opacity: 0.7; opacity: 0.7;
&:not(:last-child) { &:not(:last-child) {
margin-right: 14px; margin-right: 1.5em;
} }
&:hover { &:hover {