瀏覽代碼

Update styles for withdrawal application components

- Increased font size and line height for better readability in the withdrawal application form.
- Adjusted layout of the authentication tip section for improved alignment and spacing.
- Enhanced the upload section's layout to utilize space more effectively, improving user experience.
0es 1 月之前
父節點
當前提交
4f48d5bbfb
共有 2 個文件被更改,包括 9 次插入6 次删除
  1. 2 2
      app/pages/wallet/withdraw/apply.vue
  2. 7 4
      app/pages/wallet/withdraw/auth.vue

+ 2 - 2
app/pages/wallet/withdraw/apply.vue

@@ -680,8 +680,8 @@ const onSubmit = async () => {
   /* Keep font-family/font-size consistent between input and measure node */
   font-family: var(--font-title, 'Poppins', sans-serif);
   font-weight: 600;
-  font-size: 16px;
-  line-height: 17px;
+  font-size: 18px;
+  line-height: 22px;
   color: #1d2129;
 }
 

+ 7 - 4
app/pages/wallet/withdraw/auth.vue

@@ -556,7 +556,7 @@ const onBack = () => {
           <!-- Tip -->
           <div class="withdraw-auth-card__section withdraw-auth-card__section--tip">
             <div class="withdraw-auth-tip">
-              <TipIcon />
+              <TipIcon class="withdraw-auth-tip__icon" />
               <p class="withdraw-auth-tip__text">
                 {{ t('wallet.withdraw.auth.tip') }}
               </p>
@@ -701,8 +701,7 @@ const onBack = () => {
 .withdraw-auth-upload {
   margin-top: 10px;
   display: flex;
-  gap: 8px;
-  justify-content: center;
+  justify-content: space-between;
 }
 
 .withdraw-auth-upload-item {
@@ -850,8 +849,12 @@ const onBack = () => {
 
 .withdraw-auth-tip {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: 3px;
+
+  &__icon {
+    flex-shrink: 0;
+  }
 }
 
 .withdraw-auth-tip__text {