diff options
| author | Hazelnoot <acomputerdog@gmail.com> | 2025-05-30 14:55:59 -0400 |
|---|---|---|
| committer | Hazelnoot <acomputerdog@gmail.com> | 2025-05-30 14:55:59 -0400 |
| commit | f6b71d28a094cb14d5abdf04f39c8a1f99ebe7a8 (patch) | |
| tree | ea08271b1a099c1719585fbae17f3942c23c9c71 /packages/frontend/src/components | |
| parent | fix :animate condition in MkImgWithBlurhash (diff) | |
| download | sharkey-f6b71d28a094cb14d5abdf04f39c8a1f99ebe7a8.tar.gz sharkey-f6b71d28a094cb14d5abdf04f39c8a1f99ebe7a8.tar.bz2 sharkey-f6b71d28a094cb14d5abdf04f39c8a1f99ebe7a8.zip | |
revert changes to MkImgWithBlurhash to fix CSS issue
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkImgWithBlurhash.vue | 20 |
1 files changed, 9 insertions, 11 deletions
diff --git a/packages/frontend/src/components/MkImgWithBlurhash.vue b/packages/frontend/src/components/MkImgWithBlurhash.vue index c3a9d989e3..1282a8fedb 100644 --- a/packages/frontend/src/components/MkImgWithBlurhash.vue +++ b/packages/frontend/src/components/MkImgWithBlurhash.vue @@ -5,15 +5,14 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <div ref="root" :class="['chromatic-ignore', $style.root, { [$style.cover]: cover }]" :title="title ?? ''"> - <SkTransitionGroup - :animate="prefer.s.animation && props.transition != null" - :duration="props.transition?.duration" - :enterActiveClass="props.transition?.enterActiveClass" - :leaveActiveClass="(props.transition?.leaveActiveClass ?? $style.transition_leaveActive)" - :enterFromClass="props.transition?.enterFromClass" - :leaveToClass="props.transition?.leaveToClass" - :enterToClass="props.transition?.enterToClass" - :leaveFromClass="props.transition?.leaveFromClass" + <TransitionGroup + :duration="prefer.s.animation && props.transition?.duration || undefined" + :enterActiveClass="prefer.s.animation && props.transition?.enterActiveClass || undefined" + :leaveActiveClass="prefer.s.animation && (props.transition?.leaveActiveClass ?? $style.transition_leaveActive) || undefined" + :enterFromClass="prefer.s.animation && props.transition?.enterFromClass || undefined" + :leaveToClass="prefer.s.animation && props.transition?.leaveToClass || undefined" + :enterToClass="prefer.s.animation && props.transition?.enterToClass || undefined" + :leaveFromClass="prefer.s.animation && props.transition?.leaveFromClass || undefined" > <canvas v-show="hide" @@ -43,7 +42,7 @@ SPDX-License-Identifier: AGPL-3.0-only tabindex="-1" style="-webkit-user-drag: none;" /> - </SkTransitionGroup> + </TransitionGroup> </div> </template> @@ -86,7 +85,6 @@ import { computed, nextTick, onMounted, onUnmounted, useTemplateRef, watch, ref import { v4 as uuid } from 'uuid'; import { render } from 'buraha'; import { prefer } from '@/preferences.js'; -import SkTransitionGroup from '@/components/SkTransitionGroup.vue'; const props = withDefaults(defineProps<{ transition?: { |