Files
flotilla/src/lib/components/Dialog.svelte
T
2024-10-17 14:26:53 -07:00

20 lines
510 B
Svelte

<script lang="ts">
import {noop} from '@welshman/lib'
import {fade, fly} from "@lib/transition"
export let onClose: any = noop
</script>
<div class="center fixed inset-0 z-modal">
<button
class="absolute inset-0 cursor-pointer bg-black opacity-50"
transition:fade
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}}>
<slot />
</div>
</div>