web/dialogs: add picker dialog & clean up small dialog

2024-07-22 14:33:43 +06:00
parent 24b783e5fb
commit 66bac03e30
11 changed files with 584 additions and 199 deletions
--- a/web/src/components/dialog/DialogBackdropClose.svelte
+++ b/web/src/components/dialog/DialogBackdropClose.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+    export let closeFunc: () => void;
+</script>
+
+<div
+    id="dialog-backdrop-close"
+    aria-hidden="true"
+    on:click={() => closeFunc()}
+></div>
+
+<style>
+    #dialog-backdrop-close {
+        position: inherit;
+        height: 100%;
+        width: 100%;
+        z-index: -1;
+    }
+</style>