From 8c041c1740a69239b59ecb2f736b5ad910470d3c Mon Sep 17 00:00:00 2001
From: Chaos <chaos@nopj.cn>
Date: Sat, 22 Nov 2025 22:52:48 +0800
Subject: [PATCH] =?UTF-8?q?style(auth):=20=E4=BC=98=E5=8C=96=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 使用 Tailwind CSS 类替换原有基础样式
- 添加背景色和居中对齐容器
- 表单元素增加间距和输入框样式
- 按钮应用宽按钮样式类
- 移除无用的 placeholder 属性
- 调整标签与输入框结构使其更清晰
---
 src/routes/auth/login/+page.svelte | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/routes/auth/login/+page.svelte b/src/routes/auth/login/+page.svelte
index 914851a..e92f864 100644
--- a/src/routes/auth/login/+page.svelte
+++ b/src/routes/auth/login/+page.svelte
@@ -28,16 +28,16 @@ const handleChange = (e: Event) => {
 }
 </script>
 
-<div class="h-screen w-screen">
-	<form id="loginForm">
-		<div>
-			<label class="" for="username" >	username	</label>
-			<input type="text" name="username" on:change={handleChange} placeholder="username">
-		</div>
-		<div>
-			<label class="" for="password" >	password	</label>
-			<input type="password" name="password" on:change={handleChange} placeholder="password">
-		</div>
-		<button class="" type="submit" on:click="{handleSubmit}" > 登录</button>
+<div class="h-screen w-screen bg-base-300 flex justify-center items-center">
+	<form id="loginForm" class="flex flex-col gap-4">
+
+			<label class="" for="username" >用户名</label>
+			<input class="input" type="text" name="username" on:change={handleChange} >
+
+
+			<label class="" for="password" >密码</label>
+			<input class="input " type="password" name="password" on:change={handleChange} >
+
+			<button class="btn btn-wide" type="submit" on:click="{handleSubmit}" > 登录</button>
 	</form>
 </div>
\ No newline at end of file