diff --git a/src/lib/ui/generic/ExpandableImage.svelte b/src/lib/ui/generic/ExpandableImage.svelte index d53ce097..475f6ab2 100644 --- a/src/lib/ui/generic/ExpandableImage.svelte +++ b/src/lib/ui/generic/ExpandableImage.svelte @@ -4,7 +4,7 @@ import { t } from '$lib/app/i18n' import { Button, Material, toast } from 'mono-svelte' import { Share, XMark } from 'svelte-hero-icons/dist' - import { expoOut } from 'svelte/easing' + import { backOut } from 'svelte/easing' import { fade, scale } from 'svelte/transition' import { trapFocus } from 'trap-focus-svelte' @@ -45,7 +45,7 @@ class={[ 'max-w-full mx-auto my-auto overscroll-contain bg-white dark:bg-zinc-900', ]} - transition:scale={{ start: 0.95, easing: expoOut, duration: 250 }} + transition:scale={{ start: 1.04, easing: backOut, duration: 250 }} {alt} />
diff --git a/src/lib/ui/shared/modal/Modal.svelte b/src/lib/ui/shared/modal/Modal.svelte index 9767ecd1..e2f4f494 100644 --- a/src/lib/ui/shared/modal/Modal.svelte +++ b/src/lib/ui/shared/modal/Modal.svelte @@ -5,7 +5,7 @@ import Portal from 'mono-svelte/popover/Portal.svelte' import type { Snippet } from 'svelte' import { XMark } from 'svelte-hero-icons/dist' - import { expoOut } from 'svelte/easing' + import { backOut } from 'svelte/easing' import type { ClassValue } from 'svelte/elements' import { fade, scale } from 'svelte/transition' import { trapFocus } from 'trap-focus-svelte' @@ -96,8 +96,8 @@ bind:this={el} use:trapFocus={true} transition:scale|global={{ - start: 0.97, - easing: expoOut, + start: 1.04, + easing: backOut, duration: 300, }} class={[