diff options
| author | Hazelnoot <acomputerdog@gmail.com> | 2025-05-29 12:42:58 -0400 |
|---|---|---|
| committer | Hazelnoot <acomputerdog@gmail.com> | 2025-05-29 12:42:58 -0400 |
| commit | 2f91c66ba21d7187a185a4c499b25f79d0a2b1ea (patch) | |
| tree | 477635d2803b07569a420588eb5a02cfdbb05fe5 /packages/frontend/src | |
| parent | use SkTransitionGroup for all dynamic TransitionGroup components (diff) | |
| download | sharkey-2f91c66ba21d7187a185a4c499b25f79d0a2b1ea.tar.gz sharkey-2f91c66ba21d7187a185a4c499b25f79d0a2b1ea.tar.bz2 sharkey-2f91c66ba21d7187a185a4c499b25f79d0a2b1ea.zip | |
fix use of :key on "more" slot in MkReactionsViewer
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/components/MkReactionsViewer.vue | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkReactionsViewer.vue b/packages/frontend/src/components/MkReactionsViewer.vue index 30264f5e5b..88ac8c87c1 100644 --- a/packages/frontend/src/components/MkReactionsViewer.vue +++ b/packages/frontend/src/components/MkReactionsViewer.vue @@ -13,7 +13,9 @@ SPDX-License-Identifier: AGPL-3.0-only tag="div" :class="$style.root" > <XReaction v-for="[reaction, count] in reactions" :key="reaction" :reaction="reaction" :count="count" :isInitial="initialReactions.has(reaction)" :note="note" @reactionToggled="onMockToggleReaction"/> - <slot v-if="hasMoreReactions" :key="'$more'" name="more"/> + <div v-if="hasMoreReactions" :key="'$more'" :class="$style.moreReactions"> + <slot name="more"/> + </div> </SkTransitionGroup> </template> @@ -102,7 +104,7 @@ watch([() => props.note.reactions, () => props.maxNumber], ([newSource, maxNumbe position: absolute; } -.root { +.root, .moreReactions { display: flex; flex-wrap: wrap; align-items: center; |