From 95484d90f41c49fcf41545ae157a33bb4dbc9095 Mon Sep 17 00:00:00 2001
From: Jianguo-Genius <herman.song.yang@gmail.com>
Date: Tue, 23 Apr 2024 14:16:33 +0800
Subject: [PATCH] =?UTF-8?q?style(=E7=99=BB=E5=BD=95=E9=A1=B5=E9=9D=A2):=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=99=BB=E5=BD=95=E9=A1=B5=E9=9D=A2=E7=9A=84?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E6=A1=86=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=9C=A8?=
 =?UTF-8?q?chrome=E8=87=AA=E5=8A=A8=E5=A1=AB=E5=85=85=E4=B8=8B=E6=9B=B4?=
 =?UTF-8?q?=E5=A5=BD=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/login/components/login-form.vue | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/frontend/src/views/login/components/login-form.vue b/frontend/src/views/login/components/login-form.vue
index 0eaac8b12e..ab22917677 100644
--- a/frontend/src/views/login/components/login-form.vue
+++ b/frontend/src/views/login/components/login-form.vue
@@ -31,6 +31,7 @@
         >
           <a-input
             v-model="userInfo.username"
+            class="login-input"
             :max-length="64"
             size="large"
             :placeholder="
@@ -49,6 +50,7 @@
         >
           <a-input-password
             v-model="userInfo.password"
+            class="login-password-input"
             :placeholder="t('login.form.password.placeholder')"
             allow-clear
             :max-length="64"
@@ -266,4 +268,37 @@
   :deep(.arco-divider-text) {
     padding: 0 8px !important;
   }
+  .login-input {
+    padding-right: 0;
+    padding-left: 0;
+    width: 336px;
+    height: 36px;
+  }
+  .login-input :deep(.arco-input) {
+    padding-right: 10px;
+    padding-left: 10px;
+  }
+  .login-password-input {
+    position: relative;
+    padding-right: 0;
+    padding-left: 0;
+    width: 336px;
+    height: 36px;
+  }
+  .login-password-input :deep(.arco-input) {
+    padding-right: 50px;
+    padding-left: 10px;
+  }
+  .login-password-input :deep(.arco-input-clear-btn) {
+    position: absolute;
+    top: 10px;
+    float: right;
+    margin-left: 290px;
+  }
+  .login-password-input :deep(.arco-input-suffix) {
+    position: absolute;
+    top: 10px;
+    float: right;
+    margin-left: 300px;
+  }
 </style>