Merge pull request #896 from touwaeriol/pr/fix-quota-badge-vertical-layout

fix(frontend): stack quota badges vertically in capacity column
This commit is contained in:
Wesley Liddick 2026-03-10 09:04:53 +08:00 committed by GitHub
commit 1a7f49513f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -73,11 +73,9 @@
</div>
<!-- API Key 账号配额限制 -->
<div v-if="showDailyQuota || showWeeklyQuota || showTotalQuota" class="flex items-center gap-1">
<QuotaBadge v-if="showDailyQuota" :used="account.quota_daily_used ?? 0" :limit="account.quota_daily_limit!" label="D" />
<QuotaBadge v-if="showWeeklyQuota" :used="account.quota_weekly_used ?? 0" :limit="account.quota_weekly_limit!" label="W" />
<QuotaBadge v-if="showTotalQuota" :used="account.quota_used ?? 0" :limit="account.quota_limit!" />
</div>
<QuotaBadge v-if="showDailyQuota" :used="account.quota_daily_used ?? 0" :limit="account.quota_daily_limit!" label="D" />
<QuotaBadge v-if="showWeeklyQuota" :used="account.quota_weekly_used ?? 0" :limit="account.quota_weekly_limit!" label="W" />
<QuotaBadge v-if="showTotalQuota" :used="account.quota_used ?? 0" :limit="account.quota_limit!" />
</div>
</template>