FullscreenDiv 컴포넌트 추가 및 TopBar 컴포넌트 리팩토링

This commit is contained in:
static
2025-01-25 23:39:19 +09:00
parent 7dba1cf4c6
commit 0998d0662e
19 changed files with 188 additions and 171 deletions

View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { goto } from "$app/navigation";
import { Button, TextButton, BottomDiv, TextInput } from "$lib/components/atoms";
import { Button, TextButton, BottomDiv, FullscreenDiv, TextInput } from "$lib/components/atoms";
import { TitleDiv } from "$lib/components/divs";
import { clientKeyStore, masterKeyStore } from "$lib/stores";
import { requestLogin, requestSessionUpgrade, requestMasterKeyDownload } from "./service";
@@ -46,17 +46,19 @@
<title>로그인</title>
</svelte:head>
<TitleDiv>
<div class="space-y-2 break-keep">
<p class="text-3xl font-bold">환영합니다!</p>
<p>서비스를 이용하려면 로그인을 해야해요.</p>
</div>
<div class="my-4 flex flex-col gap-y-2">
<TextInput bind:value={email} placeholder="이메일" />
<TextInput bind:value={password} placeholder="비밀번호" type="password" />
</div>
</TitleDiv>
<BottomDiv class="flex flex-col items-center gap-y-2">
<Button onclick={login} class="w-full">로그인</Button>
<TextButton>계정이 없어요</TextButton>
</BottomDiv>
<FullscreenDiv>
<TitleDiv>
<div class="space-y-2 break-keep">
<p class="text-3xl font-bold">환영합니다!</p>
<p>서비스를 이용하려면 로그인을 해야해요.</p>
</div>
<div class="my-4 flex flex-col gap-y-2">
<TextInput bind:value={email} placeholder="이메일" />
<TextInput bind:value={password} placeholder="비밀번호" type="password" />
</div>
</TitleDiv>
<BottomDiv class="flex flex-col items-center gap-y-2">
<Button onclick={login} class="w-full">로그인</Button>
<TextButton>계정이 없어요</TextButton>
</BottomDiv>
</FullscreenDiv>