|
@@ -35,13 +35,13 @@
|
|
<!-- svelte-ignore a11y-no-static-element-interactions -->
|
|
<!-- svelte-ignore a11y-no-static-element-interactions -->
|
|
<div
|
|
<div
|
|
class=" fixed top-0 right-0 left-0 bottom-0 bg-black/60 w-full min-h-screen h-screen flex justify-center z-50 overflow-hidden overscroll-contain"
|
|
class=" fixed top-0 right-0 left-0 bottom-0 bg-black/60 w-full min-h-screen h-screen flex justify-center z-50 overflow-hidden overscroll-contain"
|
|
- transition:fade={{ duration: 200 }}
|
|
|
|
|
|
+ transition:fade={{ duration: 50 }}
|
|
>
|
|
>
|
|
<div
|
|
<div
|
|
class=" modal-content m-auto rounded-xl max-w-full {sizeToWidth(
|
|
class=" modal-content m-auto rounded-xl max-w-full {sizeToWidth(
|
|
size
|
|
size
|
|
)} mx-2 bg-gray-50 dark:bg-gray-900 shadow-3xl"
|
|
)} mx-2 bg-gray-50 dark:bg-gray-900 shadow-3xl"
|
|
- transition:fade={{ duration: 200 }}
|
|
|
|
|
|
+ transition:fade={{ duration: 50 }}
|
|
on:click={(e) => {
|
|
on:click={(e) => {
|
|
e.stopPropagation();
|
|
e.stopPropagation();
|
|
}}
|
|
}}
|