mirror of
https://github.com/kmc7468/arkvault.git
synced 2026-11-04 08:10:28 +09:00
Modal, BeforeContinueModal 컴포넌트 추가
This commit is contained in:
1 parent
5a9ea3d91b
commit
dec17ecba8
6 files changed
+105
-10
No files matched your search
@@ -0,0 +1,31 @@
|
||||
<script lang="ts">
|
||||
import { Modal } from "$lib/components";
|
||||
import { Button } from "$lib/components/buttons";
|
||||
|
||||
interface Props {
|
||||
onContinueClick: () => void;
|
||||
isOpen: boolean;
|
||||
}
|
||||
|
||||
let { onContinueClick, isOpen = $bindable() }: Props = $props();
|
||||
</script>
|
||||
|
||||
<Modal bind:isOpen>
|
||||
<div class="space-y-4 px-1">
|
||||
<div class="space-y-2">
|
||||
<p class="break-keep text-xl font-bold">내보내지 않고 계속할까요?</p>
|
||||
<p class="break-keep">
|
||||
보안상의 이유로 지금 시점 이후로는 암호 키를 파일로 내보낼 수 없어요.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex gap-2">
|
||||
<Button
|
||||
color="gray"
|
||||
onclick={() => {
|
||||
isOpen = false;
|
||||
}}>아니요</Button
|
||||
>
|
||||
<Button onclick={onContinueClick}>계속합니다</Button>
|
||||
</div>
|
||||
</div>
|
||||
</Modal>
|
||||
Reference in new issue
Block a user