fix 登录显示问题优化

 <!--
  * @Date: 2024-10-20 09:59:52
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-20 11:22:12
+ * @LastEditTime: 2024-10-21 09:35:58
  * @FilePath: /hager/src/components/common/hagerInput.vue
  * @Description: 文件描述
 -->
@@ -100,6 +100,7 @@ export default {
       display: flex;
       align-items: center;
       justify-content: space-between;
+      box-sizing: border-box; /* 确保内边距和边框不会增加总宽度 */
       &.disable {
         background-color:#F9F9F9;
         border: 1px solid #F9F9F9;
@@ -118,7 +119,7 @@ export default {
       }
       input {
         border: 0;
-        width: 100%;
+        width: calc(100% - 2rem); /* 调整输入框的宽度 */
       }
     }
   }

@@ -8,7 +8,7 @@
 <template>
   <div class="hager-info-page">
     <div class="input-title">我的信息</div>
-    <div style="padding: 1rem;">
+    <div style="padding: 1rem 1.5rem 1rem 1rem;">
       <hagerInput type="email" :disable="status !== 'edit'" required v-model="email" placeholder="请输入注册邮箱地址" />
       <hagerInput type="pwd" :disable="status !== 'edit'" required v-model="pwd" placeholder="请输入登录密码" />
       <hagerInput type="username" :disable="status !== 'edit'" v-model="username" placeholder="请输入姓名" />

 <!--
  * @Date: 2024-10-18 18:00:47
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-20 12:10:35
+ * @LastEditTime: 2024-10-21 09:41:08
  * @FilePath: /hager/src/views/user/login.vue
  * @Description: 文件描述
 -->
 <template>
   <div class="hager-login-page">
     <div class="input-title">用户登录</div>
-    <div style="padding: 1rem;">
+    <div style="padding: 1rem 1.5rem 1rem 1rem;">
       <hagerInput type="email" required v-model="email" placeholder="请输入注册邮箱地址" />
       <hagerInput type="pwd" required v-model="pwd" placeholder="请输入登录密码" />
       <!-- TODO: 记住密码和忘记密码业务显示的问题？ -->

 <!--
  * @Date: 2024-10-18 18:00:47
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-20 12:06:47
+ * @LastEditTime: 2024-10-21 09:47:23
  * @FilePath: /hager/src/views/user/register.vue
  * @Description: 文件描述
 -->
 <template>
   <div class="hager-register-page">
     <div class="input-title">用户注册</div>
-    <div style="padding: 1rem;">
+    <div style="padding: 1rem 1.5rem 1rem 1rem;">
       <hagerInput type="email" required v-model="email" placeholder="请输入注册邮箱地址" />
       <hagerInput type="pwd" required v-model="pwd" placeholder="请输入登录密码" />
       <hagerInput type="username" v-model="username" placeholder="请输入姓名" />