Maybe get dialogs behaving properly

2024-10-15 15:52:30 -07:00
parent 4decb2f4d9
commit 9c300d40f6
22 changed files with 169 additions and 189 deletions
@@ -0,0 +1,18 @@
+<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="card2 bg-alt absolute max-h-[90vh] w-[90vw] overflow-auto text-base-content sm:w-[520px]"
+    transition:fly={{duration: 300}}>
+    <slot />
+  </div>
+</div>