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