diff options
| author | Insert5StarName <anime@shourai.de> | 2023-10-15 19:01:28 +0200 |
|---|---|---|
| committer | Insert5StarName <anime@shourai.de> | 2023-10-15 19:01:28 +0200 |
| commit | 85aa0c06bc0b9af1513f140a9ed9ca4eef12f7d3 (patch) | |
| tree | a082ad5ca034eee890ede58057a03673fd7e5b9a /packages/frontend/src/components/MkNoteSub.vue | |
| parent | fix: make note footer scale correctly (diff) | |
| download | sharkey-85aa0c06bc0b9af1513f140a9ed9ca4eef12f7d3.tar.gz sharkey-85aa0c06bc0b9af1513f140a9ed9ca4eef12f7d3.tar.bz2 sharkey-85aa0c06bc0b9af1513f140a9ed9ca4eef12f7d3.zip | |
fix: make MKNoteSub scale correctly
Diffstat (limited to 'packages/frontend/src/components/MkNoteSub.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNoteSub.vue | 12 |
1 files 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 { |