mirror of
https://codeberg.org/yeentown/barkey.git
synced 2025-07-07 12:36:57 +00:00
revert changes to MkImgWithBlurhash to fix CSS issue
This commit is contained in:
parent
eed4f7855c
commit
f6b71d28a0
1 changed files with 9 additions and 11 deletions
|
@ -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?: {
|
||||||
|
|
Loading…
Add table
Reference in a new issue