diff options
| author | Mar0xy <marie@kaifa.ch> | 2023-11-06 00:49:08 +0100 |
|---|---|---|
| committer | Mar0xy <marie@kaifa.ch> | 2023-11-06 00:49:08 +0100 |
| commit | 6cf811aa13f3625360d44a9b44d7b74c7359e27f (patch) | |
| tree | 74290d21f43d17fbea4be604f8f75053ca422d31 /packages/frontend/src/components/MkSubNoteContent.vue | |
| parent | chore: correct the icons being used (diff) | |
| download | sharkey-6cf811aa13f3625360d44a9b44d7b74c7359e27f.tar.gz sharkey-6cf811aa13f3625360d44a9b44d7b74c7359e27f.tar.bz2 sharkey-6cf811aa13f3625360d44a9b44d7b74c7359e27f.zip | |
chore: add spacing between text and play mfm button
Diffstat (limited to 'packages/frontend/src/components/MkSubNoteContent.vue')
| -rw-r--r-- | packages/frontend/src/components/MkSubNoteContent.vue | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkSubNoteContent.vue b/packages/frontend/src/components/MkSubNoteContent.vue index 0cedcb4ac5..b5032e6a38 100644 --- a/packages/frontend/src/components/MkSubNoteContent.vue +++ b/packages/frontend/src/components/MkSubNoteContent.vue @@ -10,8 +10,8 @@ SPDX-License-Identifier: AGPL-3.0-only <span v-if="note.deletedAt" style="opacity: 0.5">({{ i18n.ts.deleted }})</span> <MkA v-if="note.replyId" :class="$style.reply" :to="`/notes/${note.replyId}`" v-on:click.stop><i class="ph-arrow-bend-left-up ph-bold ph-lg"></i></MkA> <Mfm v-if="note.text" :text="note.text" :author="note.user" :nyaize="'account'" :isAnim="allowAnim" :emojiUrls="note.emojis"/> - <MkButton v-if="!allowAnim && animated && !hideFiles" :small="true" @click="animatedMFM()" v-on:click.stop><i class="ph-play ph-bold ph-lg "></i> Animated MFM</MkButton> - <MkButton v-else-if="!defaultStore.state.animatedMfm && allowAnim && animated && !hideFiles" :small="true" @click="animatedMFM()" v-on:click.stop><i class="ph-stop ph-bold ph-lg "></i> Animated MFM</MkButton> + <MkButton v-if="!allowAnim && animated && !hideFiles" :class="$style.playMFMButton" :small="true" @click="animatedMFM()" v-on:click.stop><i class="ph-play ph-bold ph-lg "></i> Animated MFM</MkButton> + <MkButton v-else-if="!defaultStore.state.animatedMfm && allowAnim && animated && !hideFiles" :class="$style.playMFMButton" :small="true" @click="animatedMFM()" v-on:click.stop><i class="ph-stop ph-bold ph-lg "></i> Animated MFM</MkButton> <div v-if="note.text && translating || note.text && translation" :class="$style.translation"> <MkLoading v-if="translating" mini/> <div v-else> @@ -148,6 +148,10 @@ const collapsed = $ref(isLong); bottom: calc(var(--stickyBottom, 0px) + 14px); } +.playMFMButton { + margin-top: 5px; +} + .showLessLabel { display: inline-block; background: var(--popup); |