sixside/flotilla
1
0
Fork 0
forked from coracle/flotilla
Code Pull Requests Activity

Open images in a modal

Browse Source
This commit is contained in:
Jon Staab
2024-10-17 15:02:03 -07:00
parent 4683fc4203
commit 13bb2f80a8
6 changed files with 29 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/Dialog.svelte
+6 -6
View File
@@ -3,17 +3,17 @@
import {fade, fly} from "@lib/transition"
export let onClose: any = noop
export let fullscreen = false
$: extraClass = !fullscreen && "card2 bg-alt max-h-[90vh] w-[90vw] overflow-auto text-base-content sm:w-[520px]"
</script>
<div class="center fixed inset-0 z-modal">
<button
class="absolute inset-0 cursor-pointer bg-black opacity-50"
transition:fade
class="absolute inset-0 cursor-pointer bg-black opacity-75"
transition:fade={{duration: 300}}
on:click={onClose} />
<div
class="relative scroll-container card2 bg-alt absolute max-h-[90vh] w-[90vw] overflow-auto text-base-content sm:w-[520px]"
transition:fly={{duration: 300}}>
<div class="relative scroll-container {extraClass}" transition:fly={{duration: 300}}>
<slot />
</div>
</div>