diff options
| author | Insert5StarName <anime@shourai.de> | 2023-10-15 18:58:27 +0200 |
|---|---|---|
| committer | Insert5StarName <anime@shourai.de> | 2023-10-15 18:58:56 +0200 |
| commit | 94d2a16e8967e4ce60726afcba29fd9332e1db75 (patch) | |
| tree | d0fc575e100712226da2875fac5d67d59ccc0aed /packages/frontend/src/components/MkNoteDetailed.vue | |
| parent | fix: router issue due to click to open (diff) | |
| download | sharkey-94d2a16e8967e4ce60726afcba29fd9332e1db75.tar.gz sharkey-94d2a16e8967e4ce60726afcba29fd9332e1db75.tar.bz2 sharkey-94d2a16e8967e4ce60726afcba29fd9332e1db75.zip | |
fix: make note footer scale correctly
Diffstat (limited to 'packages/frontend/src/components/MkNoteDetailed.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNoteDetailed.vue | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue index c6b0d79022..074b021602 100644 --- a/packages/frontend/src/components/MkNoteDetailed.vue +++ b/packages/frontend/src/components/MkNoteDetailed.vue @@ -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 { |