From 85aa0c06bc0b9af1513f140a9ed9ca4eef12f7d3 Mon Sep 17 00:00:00 2001
From: Insert5StarName <anime@shourai.de>
Date: Sun, 15 Oct 2023 19:01:28 +0200
Subject: [PATCH] fix: make MKNoteSub scale correctly
---
packages/frontend/src/components/MkNoteSub.vue | 12 ++++++++++--
1 file changed, 10 insertions(+), 2 deletions(-)
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue
index 9976892355..851be936cc 100644
--- a/packages/frontend/src/components/MkNoteSub.vue
+++ b/packages/frontend/src/components/MkNoteSub.vue
@@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkSubNoteContent :class="$style.text" :note="note"/>
</div>
</div>
- <footer>
+ <footer :class="$style.footer">
<MkReactionsViewer ref="reactionsViewer" :note="note"/>
<button class="_button" :class="$style.noteFooterButton" @click="reply()">
<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 {
display: flex;
}
@@ -433,7 +441,7 @@ if (props.detail) {
opacity: 0.7;
&:not(:last-child) {
- margin-right: 14px;
+ margin-right: 1.5em;
}
&:hover {