암호 키 내보내기 페이지 구현

This commit is contained in:
static
2024-12-28 22:15:46 +09:00
parent dfb56b62b1
commit 52a61297c5
13 changed files with 169 additions and 30 deletions

View File

@@ -8,24 +8,19 @@
}
let { children, isOpen = $bindable() }: Props = $props();
const closeModal = () => {
isOpen = false;
};
</script>
{#if isOpen}
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<div
onclick={closeModal}
onclick={() => {
isOpen = false;
}}
class="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 px-2"
transition:fade={{ duration: 100 }}
>
<div
onclick={(e) => e.stopPropagation()}
class="max-w-full rounded-2xl bg-white p-4"
transition:fade={{ duration: 100 }}
>
<div onclick={(e) => e.stopPropagation()} class="max-w-full rounded-2xl bg-white p-4">
{@render children?.()}
</div>
</div>