root/w
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix dialog runes

Browse Source
This commit is contained in:
relaxed 2025-01-11 09:33:14 +05:00
parent c6ef8ebe3a
commit f9912a8f92
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/components/ui/Dialog.svelte
View File

@ -25,7 +25,7 @@
let dialog = $state(); let dialog = $state();
let local_open = false; let local_open = false;
function toggle_dialog(/** @type {any} */_) { function toggle_dialog() {
if (is_open && local_open) { if (is_open && local_open) {
dialog.showModal(); dialog.showModal();
document.addEventListener("keydown", (event) => { document.addEventListener("keydown", (event) => {
@ -49,7 +49,7 @@
} }
} }
let _ = $derived(toggle_dialog(is_open)); $effect(toggle_dialog)
let form = $state(); let form = $state();
</script> </script>
@ -65,7 +65,7 @@
bg-[#000000aa] bg-[#000000aa]
transition-all duration-300"> transition-all duration-300">
<div <div
class="w-[700px] h-[800px] mx-4 px-2 flex flex-col class="w-[700px] h-auto mx-4 px-2 flex flex-col
border-[var(--w-border)] dark:border-[var(--b-border)] border-2 rounded-xl border-[var(--w-border)] dark:border-[var(--b-border)] border-2 rounded-xl
bg-[var(--w-bg-second)] dark:bg-[var(--b-bg-second)] bg-[var(--w-bg-second)] dark:bg-[var(--b-bg-second)]
text-[var(--w-text)] dark:text-[var(--b-text)] text-2xl text-[var(--w-text)] dark:text-[var(--b-text)] text-2xl
@ -83,11 +83,11 @@
{name} {name}
</p> </p>
{/if} {/if}
<button class="size-[60px] m-2 pb-3"> <button class="size-[60px] m-2 pb-3"
onclick={() => { onclick={() => {
is_open = false; is_open = false;
on_close(); on_close();
}} }}>
<img src={x} class="size-[40px] dark:invert" alt="x close img"/> <img src={x} class="size-[40px] dark:invert" alt="x close img"/>
</button> </button>
</div> </div>