From 78df1264378fba8ab59e54e4d6ec7b1dea97d93c Mon Sep 17 00:00:00 2001
From: erio <asakifeng@gmail.com>
Date: Mon, 13 Apr 2026 18:23:20 +0800
Subject: [PATCH] fix(ui): widen notify type dropdown to show % fully, align
 quota input widths

---
 backend/cmd/server/VERSION                           |  2 +-
 frontend/src/components/account/QuotaLimitCard.vue   | 12 ++++++------
 .../src/components/account/QuotaNotifyToggle.vue     |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/backend/cmd/server/VERSION b/backend/cmd/server/VERSION
index 079406d085..0a81f94d50 100644
--- a/backend/cmd/server/VERSION
+++ b/backend/cmd/server/VERSION
@@ -1 +1 @@
-0.1.110.37
+0.1.110.38
diff --git a/frontend/src/components/account/QuotaLimitCard.vue b/frontend/src/components/account/QuotaLimitCard.vue
index a2f3734c5b..9051b9bed6 100644
--- a/frontend/src/components/account/QuotaLimitCard.vue
+++ b/frontend/src/components/account/QuotaLimitCard.vue
@@ -201,12 +201,12 @@ const onWeeklyModeChange = (e: Event) => {
         <div>
           <!-- 标题行 -->
           <div class="flex items-center gap-2 mb-1">
-            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 w-32 flex-shrink-0">{{ t('admin.accounts.quotaDailyLimit') }}</span>
+            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 w-28 flex-shrink-0">{{ t('admin.accounts.quotaDailyLimit') }}</span>
             <span v-if="quotaNotifyGlobalEnabled && dailyLimit && dailyLimit > 0" class="text-xs font-medium text-gray-700 dark:text-gray-300">{{ t('admin.accounts.quotaNotify.alert') }}</span>
           </div>
           <!-- 输入行 -->
           <div class="flex items-center gap-2">
-            <div class="relative w-32 flex-shrink-0">
+            <div class="relative w-28 flex-shrink-0">
               <span class="absolute left-2.5 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400 text-sm">$</span>
               <input :value="dailyLimit" @input="onDailyInput" type="number" min="0" step="0.01" class="input pl-6 py-1.5 text-sm" :placeholder="t('admin.accounts.quotaLimitPlaceholder')" />
             </div>
@@ -239,11 +239,11 @@ const onWeeklyModeChange = (e: Event) => {
         <!-- 周配额 -->
         <div>
           <div class="flex items-center gap-2 mb-1">
-            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 w-32 flex-shrink-0">{{ t('admin.accounts.quotaWeeklyLimit') }}</span>
+            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 w-28 flex-shrink-0">{{ t('admin.accounts.quotaWeeklyLimit') }}</span>
             <span v-if="quotaNotifyGlobalEnabled && weeklyLimit && weeklyLimit > 0" class="text-xs font-medium text-gray-700 dark:text-gray-300">{{ t('admin.accounts.quotaNotify.alert') }}</span>
           </div>
           <div class="flex items-center gap-2">
-            <div class="relative w-32 flex-shrink-0">
+            <div class="relative w-28 flex-shrink-0">
               <span class="absolute left-2.5 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400 text-sm">$</span>
               <input :value="weeklyLimit" @input="onWeeklyInput" type="number" min="0" step="0.01" class="input pl-6 py-1.5 text-sm" :placeholder="t('admin.accounts.quotaLimitPlaceholder')" />
             </div>
@@ -288,11 +288,11 @@ const onWeeklyModeChange = (e: Event) => {
         <!-- 总配额 -->
         <div>
           <div class="flex items-center gap-2 mb-1">
-            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 w-32 flex-shrink-0">{{ t('admin.accounts.quotaTotalLimit') }}</span>
+            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 w-28 flex-shrink-0">{{ t('admin.accounts.quotaTotalLimit') }}</span>
             <span v-if="quotaNotifyGlobalEnabled && totalLimit && totalLimit > 0" class="text-xs font-medium text-gray-700 dark:text-gray-300">{{ t('admin.accounts.quotaNotify.alert') }}</span>
           </div>
           <div class="flex items-center gap-2">
-            <div class="relative w-32 flex-shrink-0">
+            <div class="relative w-28 flex-shrink-0">
               <span class="absolute left-2.5 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400 text-sm">$</span>
               <input :value="totalLimit" @input="onTotalInput" type="number" min="0" step="0.01" class="input pl-6 py-1.5 text-sm" :placeholder="t('admin.accounts.quotaLimitPlaceholder')" />
             </div>
diff --git a/frontend/src/components/account/QuotaNotifyToggle.vue b/frontend/src/components/account/QuotaNotifyToggle.vue
index 23979638d7..0548f661bd 100644
--- a/frontend/src/components/account/QuotaNotifyToggle.vue
+++ b/frontend/src/components/account/QuotaNotifyToggle.vue
@@ -42,7 +42,7 @@ const emit = defineEmits<{
       <select
         :value="thresholdType || 'fixed'"
         @change="emit('update:thresholdType', ($event.target as HTMLSelectElement).value)"
-        class="input py-1 text-xs w-16 flex-shrink-0 text-center"
+        class="input py-1 text-xs w-[4.5rem] flex-shrink-0 text-center"
       >
         <option value="fixed">$</option>
         <option value="percentage">%</option>