레이아웃 수정

This commit is contained in:
static
2025-01-02 03:08:11 +09:00
parent 314b8cca5c
commit 58eac9a694
11 changed files with 141 additions and 127 deletions

View File

@@ -55,23 +55,21 @@
<title>로그인</title>
</svelte:head>
<div class="flex h-full flex-col justify-between">
<TitleDiv>
<div class="flex flex-col gap-y-2">
<h1 class="text-3xl font-bold">환영합니다!</h1>
<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>
<div class="w-full">
<Button onclick={login}>로그인</Button>
</div>
<div class="w-fit">
<TextButton>계정이 없어요</TextButton>
</div>
</BottomDiv>
</div>
<TitleDiv>
<div class="flex flex-col gap-y-2">
<h1 class="text-3xl font-bold">환영합니다!</h1>
<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>
<div class="w-full">
<Button onclick={login}>로그인</Button>
</div>
<div class="w-fit">
<TextButton>계정이 없어요</TextButton>
</div>
</BottomDiv>