github/sub2api
4
0
Fork 0
mirror of https://github.com/Wei-Shaw/sub2api.git synced 2026-10-23 01:23:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): widen notify type dropdown to show % fully, align quota input widths

Browse Source
This commit is contained in:
erio
2026-04-13 18:23:20 +08:00
parent d6fe6da831
commit 78df126437
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/cmd/server/VERSION
+1 -1
View File
@@ -1 +1 @@
0.1.110.37
0.1.110.38
frontend/src/components/account/QuotaLimitCard.vue
+6 -6
View File
@@ -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>
frontend/src/components/account/QuotaNotifyToggle.vue
+1 -1
View File
@@ -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>