kmc7468/arkvault
1
0
Fork 0
mirror of https://github.com/kmc7468/arkvault.git synced 2025-12-16 23:18:48 +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

55
src/routes/(fullscreen)/client/pending/+page.svelte
View File

@@ -2,7 +2,7 @@
import { onMount } from "svelte";
import { goto } from "$app/navigation";
import { FullscreenDiv } from "$lib/components/atoms";
import { TitleDiv } from "$lib/components/divs";
import { TitledDiv } from "$lib/components/molecules";
import { clientKeyStore, masterKeyStore } from "$lib/stores";
import { generatePublicKeyFingerprint, requestMasterKeyDownload } from "./service";
@@ -32,33 +32,32 @@
</svelte:head>
<FullscreenDiv>
<TitleDiv>
<div class="space-y-2 break-keep">
<p class="text-3xl font-bold">승인을 기다리고 있어요.</p>
<p>
회원님의 다른 디바이스에서 이 디바이스의 데이터 접근을 승인해야 서비스를 이용할 수 있어요.
</p>
<TitledDiv childrenClass="space-y-4">
{#snippet title()}
승인을 기다리고 있어요.
{/snippet}
{#snippet description()}
회원님의 다른 디바이스에서 이 디바이스의 데이터 접근을 승인해야 서비스를 이용할 수 있어요.
{/snippet}
<div>
<IconFingerprint class="mx-auto text-7xl" />
<p class="text-center text-xl font-bold text-primary-500">암호 키 지문</p>
</div>
<div class="my-4 space-y-4">
<div>
<IconFingerprint class="mx-auto text-7xl" />
<p class="text-center text-xl font-bold text-primary-500">암호 키 지문</p>
</div>
<p class="rounded-2xl bg-gray-100 p-4 text-center text-2xl font-medium text-gray-800">
{#if !fingerprint}
<p class="rounded-2xl bg-gray-100 p-4 text-center text-2xl font-medium text-gray-800">
{#if !fingerprint}
지문 생성하는 중...
{:else}
{#await fingerprint}
지문 생성하는 중...
{:else}
{#await fingerprint}
지문 생성하는 중...
{:then fingerprint}
{fingerprint}
{/await}
{/if}
</p>
<p class="text-center">
암호 키 지문은 디바이스마다 다르게 생성돼요. <br />
지문이 일치하는지 확인 후 승인해 주세요.
</p>
</div>
</TitleDiv>
{:then fingerprint}
{fingerprint}
{/await}
{/if}
</p>
<p class="text-center">
암호 키 지문은 디바이스마다 다르게 생성돼요. <br />
지문이 일치하는지 확인 후 승인해 주세요.
</p>
</TitledDiv>
</FullscreenDiv>