From 26b5707800a498575561c67a0630b2f6df1eeb9e Mon Sep 17 00:00:00 2001
From: Insub Kim <kegorii@gmail.com>
Date: Wed, 11 Jun 2025 10:35:59 +0000
Subject: [PATCH] =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=8F=BC=20?=
 =?UTF-8?q?=EC=86=90=EC=A7=88=ED=95=98=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/(public)/login/login-form.svelte | 130 +++++++++-----------
 1 file changed, 55 insertions(+), 75 deletions(-)

diff --git a/src/routes/(public)/login/login-form.svelte b/src/routes/(public)/login/login-form.svelte
index 778a699..0d0b147 100644
--- a/src/routes/(public)/login/login-form.svelte
+++ b/src/routes/(public)/login/login-form.svelte
@@ -8,16 +8,12 @@
     superForm,
   } from "sveltekit-superforms";
   import { zodClient } from "sveltekit-superforms/adapters";
-  	import { Button } from "$lib/components/ui/button/index.js";
-	import * as Card from "$lib/components/ui/card/index.js";
-	import { Label } from "$lib/components/ui/label/index.js";
-    import { Switch } from "$lib/components/ui/switch/index.js";
-	import { cn } from "$lib/utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let { class: className, ...restProps }: HTMLAttributes<HTMLDivElement> = $props();
-
-	const id = $props.id();
+  import { Button } from "$lib/components/ui/button/index.js";
+  import * as Card from "$lib/components/ui/card/index.js";
+  import { Label } from "$lib/components/ui/label/index.js";
+  import { Switch } from "$lib/components/ui/switch/index.js";
+  import { cn } from "$lib/utils.js";
+  import type { HTMLAttributes } from "svelte/elements";
 
   let { data }: { data: { form: SuperValidated<Infer<FormSchema>> } } =
     $props();
@@ -29,69 +25,53 @@
   const { form: formData, enhance } = form;
 </script>
 
-<form method="POST" use:enhance>
-  <Form.Field {form} name="login">
-    <Form.Control>
-      {#snippet children({ props })}
-        <Form.Label>Email</Form.Label>
-        <Input {...props} bind:value={$formData.email} />
-      {/snippet}
-    </Form.Control>
-    <Form.Description>This is your public display name.</Form.Description>
-    <Form.FieldErrors />
-  </Form.Field>
-  <Form.Button>Submit</Form.Button>
-</form>
-
-<div class={cn("flex flex-col gap-6", className)} {...restProps}>
-	<Card.Root>
-		<Card.Header class="text-center">
-			<Card.Title class="text-xl">:: LOGIN ::</Card.Title>
-		</Card.Header>
-		<Card.Content>
-			<form>
-				<div class="grid gap-6">
-					<div class="grid gap-6">
-						<div class="grid gap-3">
-							<Label for="email-{id}">이메일</Label>
-							<Input
-								id="email-{id}"
-								type="email"
-								placeholder="abcd@example.com"
-								required
-							/>
-						</div>
-						<div class="grid gap-3">
-							<div class="flex items-center">
-								<Label for="password-{id}">비밀번호</Label>
-								<a
-									href="##"
-									class="ml-auto text-sm underline-offset-4 hover:underline"
-								>
-                                    비밀번호 찾기
-								</a>
-							</div>
-							<Input id="password-{id}" type="password" required />
-						</div>
-                        <div class="flex items-center space-x-2">
-                            <Switch id="airplane-mode" />
-                            <Label for="airplane-mode">이메일 저장</Label>
-                        </div>
-						<Button type="submit" class="w-full">로그인</Button>
-					</div>
-					<div class="text-center text-sm">
-						이메일 인증을 통한
-						<a href="##" class="underline underline-offset-4"> 회원가입</a>
-					</div>
-				</div>
-			</form>
-		</Card.Content>
-	</Card.Root>
-	<div
-		class="text-muted-foreground *:[a]:hover:text-primary *:[a]:underline *:[a]:underline-offset-4 text-balance text-center text-xs"
-	>
-		로그인 진행시 사이트의 <a href="##">서비스 이용약관</a>
-		과 <a href="##">개인정보 보호정책</a> 에 동의합니다.
-	</div>
+<div class={cn("flex flex-col gap-6")}>
+  <Card.Root>
+    <Card.Header class="text-center">
+      <Card.Title class="text-xl font-semibold">LOGIN</Card.Title>
+    </Card.Header>
+    <Card.Content>
+      <form method="POST" use:enhance>
+        <div class="grid gap-6">
+          <div class="grid gap-6">
+            <div class="grid gap-3">
+              <Form.Field {form} name="email">
+                <Form.Control>
+                  {#snippet children({ props })}
+                    <Form.Label>Email</Form.Label>
+                    <Input {...props} bind:value={$formData.email} />
+                  {/snippet}
+                </Form.Control>
+                <Form.FieldErrors />
+              </Form.Field>
+            </div>
+            <div class="grid gap-3">
+              <Form.Field {form} name="password">
+                <Form.Control>
+                  {#snippet children({ props })}
+                    <Form.Label>password</Form.Label>
+                    <Input
+                      {...props}
+                      bind:value={$formData.password}
+                      type="password"
+                    />
+                  {/snippet}
+                </Form.Control>
+                <Form.FieldErrors />
+              </Form.Field>
+            </div>
+            <div class="flex items-center space-x-2">
+              <Switch id="airplane-mode" />
+              <Label for="airplane-mode">이메일 저장</Label>
+            </div>
+            <Form.Button class="w-full">로그인</Form.Button>
+          </div>
+          <div class="text-center text-sm">
+            이메일 인증을 통한
+            <a href="##" class="underline underline-offset-4"> 회원가입</a>
+          </div>
+        </div>
+      </form>
+    </Card.Content>
+  </Card.Root>
 </div>
--->