From 548689c9c22de19cff5604e62b7ea0f8ed78f761 Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Mon, 22 Dec 2025 18:20:52 +0800
Subject: [PATCH] chore: update password reset style

---
 web/src/views/settings/PasswordSettings.vue | 22 +++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/web/src/views/settings/PasswordSettings.vue b/web/src/views/settings/PasswordSettings.vue
index 6504eff..c1e058b 100644
--- a/web/src/views/settings/PasswordSettings.vue
+++ b/web/src/views/settings/PasswordSettings.vue
@@ -37,18 +37,20 @@ async function changePassword() {
 
 <template>
   <div class="space-y-4">
-    <div class="space-y-2">
-      <Label>原密码</Label>
-      <Input v-model="oldPassword" type="password" placeholder="请输入原密码" class="max-w-sm" />
+    <div class="grid grid-cols-4 items-center gap-4">
+      <Label class="text-right">原密码</Label>
+      <Input v-model="oldPassword" type="password" placeholder="请输入原密码" class="col-span-3" />
     </div>
-    <div class="space-y-2">
-      <Label>新密码</Label>
-      <Input v-model="newPassword" type="password" placeholder="请输入新密码（至少6位）" class="max-w-sm" />
+    <div class="grid grid-cols-4 items-center gap-4">
+      <Label class="text-right">新密码</Label>
+      <Input v-model="newPassword" type="password" placeholder="请输入新密码（至少6位）" class="col-span-3" />
     </div>
-    <div class="space-y-2">
-      <Label>确认密码</Label>
-      <Input v-model="confirmPassword" type="password" placeholder="请再次输入新密码" class="max-w-sm" />
+    <div class="grid grid-cols-4 items-center gap-4">
+      <Label class="text-right">确认密码</Label>
+      <Input v-model="confirmPassword" type="password" placeholder="请再次输入新密码" class="col-span-3" />
+    </div>
+    <div class="flex justify-end pt-2">
+      <Button @click="changePassword">修改密码</Button>
     </div>
-    <Button @click="changePassword">修改密码</Button>
   </div>
 </template>