kmc7468/arkvault
1
0
Fork 0
mirror of https://github.com/kmc7468/arkvault.git synced 2025-12-17 23:48:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

TitleDiv 컴포넌트 리팩토링

Browse Source
This commit is contained in:
static
2025-01-27 19:33:38 +09:00
parent cf51f2618e
commit df9831da8e
12 changed files with 142 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/routes/(fullscreen)/key/export/+page.svelte
View File

@@ -2,7 +2,7 @@
import FileSaver from "file-saver";
import { goto } from "$app/navigation";
import { Button, TextButton, BottomDiv, FullscreenDiv } from "$lib/components/atoms";
import { TitleDiv } from "$lib/components/divs";
import { TitledDiv } from "$lib/components/molecules";
import { clientKeyStore } from "$lib/stores";
import BeforeContinueBottomSheet from "./BeforeContinueBottomSheet.svelte";
import BeforeContinueModal from "./BeforeContinueModal.svelte";
@@ -90,17 +90,18 @@
</svelte:head>
<FullscreenDiv>
<TitleDiv icon={IconKey}>
<div class="space-y-4 break-keep">
<p class="text-3xl font-bold">암호 키를 파일로 내보낼까요?</p>
<div class="space-y-2 text-lg text-gray-800">
<p>
모든 디바이스의 암호 키가 유실되면, 서버에 저장된 데이터를 영원히 복호화할 수 없게 돼요.
</p>
<p>만약의 상황을 위해 암호 키를 파일로 내보낼 수 있어요.</p>
</div>
<TitledDiv icon={IconKey}>
{#snippet title()}
암호 키를 파일로 내보낼까요?
{/snippet}
<div class="space-y-2 break-keep text-lg text-gray-800">
<p>
모든 디바이스의 암호 키가 유실되면, 서버에 저장된 데이터를 영원히 복호화할 수 없게 돼요.
</p>
<p>만약의 상황을 위해 암호 키를 파일로 내보낼 수 있어요.</p>
</div>
</TitleDiv>
</TitledDiv>
<BottomDiv class="flex flex-col items-center gap-y-2">
<Button onclick={exportClientKeys} class="w-full">암호 키 내보내기</Button>
<TextButton onclick={() => (isBeforeContinueModalOpen = true)}>내보내지 않을래요</TextButton>