revert changes to MkImgWithBlurhash to fix CSS issue

This commit is contained in:
Hazelnoot 2025-05-30 14:55:59 -04:00
parent eed4f7855c
commit f6b71d28a0

View file

@ -5,15 +5,14 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<div ref="root" :class="['chromatic-ignore', $style.root, { [$style.cover]: cover }]" :title="title ?? ''"> <div ref="root" :class="['chromatic-ignore', $style.root, { [$style.cover]: cover }]" :title="title ?? ''">
<SkTransitionGroup <TransitionGroup
:animate="prefer.s.animation && props.transition != null" :duration="prefer.s.animation && props.transition?.duration || undefined"
:duration="props.transition?.duration" :enterActiveClass="prefer.s.animation && props.transition?.enterActiveClass || undefined"
:enterActiveClass="props.transition?.enterActiveClass" :leaveActiveClass="prefer.s.animation && (props.transition?.leaveActiveClass ?? $style.transition_leaveActive) || undefined"
:leaveActiveClass="(props.transition?.leaveActiveClass ?? $style.transition_leaveActive)" :enterFromClass="prefer.s.animation && props.transition?.enterFromClass || undefined"
:enterFromClass="props.transition?.enterFromClass" :leaveToClass="prefer.s.animation && props.transition?.leaveToClass || undefined"
:leaveToClass="props.transition?.leaveToClass" :enterToClass="prefer.s.animation && props.transition?.enterToClass || undefined"
:enterToClass="props.transition?.enterToClass" :leaveFromClass="prefer.s.animation && props.transition?.leaveFromClass || undefined"
:leaveFromClass="props.transition?.leaveFromClass"
> >
<canvas <canvas
v-show="hide" v-show="hide"
@ -43,7 +42,7 @@ SPDX-License-Identifier: AGPL-3.0-only
tabindex="-1" tabindex="-1"
style="-webkit-user-drag: none;" style="-webkit-user-drag: none;"
/> />
</SkTransitionGroup> </TransitionGroup>
</div> </div>
</template> </template>
@ -86,7 +85,6 @@ import { computed, nextTick, onMounted, onUnmounted, useTemplateRef, watch, ref
import { v4 as uuid } from 'uuid'; import { v4 as uuid } from 'uuid';
import { render } from 'buraha'; import { render } from 'buraha';
import { prefer } from '@/preferences.js'; import { prefer } from '@/preferences.js';
import SkTransitionGroup from '@/components/SkTransitionGroup.vue';
const props = withDefaults(defineProps<{ const props = withDefaults(defineProps<{
transition?: { transition?: {