style(usage): make fast badge background transparent

This commit is contained in:
elky
2026-07-17 22:52:47 +08:00
parent 5dda34c66e
commit ed27d404ac
3 changed files with 4 additions and 3 deletions
@@ -140,7 +140,7 @@ const modelBadges = computed<ModelBadgePresentation[]>(() => {
badges.push({
key: 'fast',
label: 'Fast',
className: 'border-amber-400/50 bg-amber-400/10 text-amber-700 dark:border-amber-300/40 dark:bg-amber-300/10 dark:text-amber-300',
className: 'border-amber-400/50 bg-transparent text-amber-700 dark:border-amber-300/40 dark:text-amber-300',
title: '上游请求档位:Fast\n计费档位:Fast',
ariaLabel: '上游请求档位:Fast,计费档位:Fast',
})
@@ -1579,7 +1579,7 @@ function buildServiceTierBadgePresentation(
const title = titleLines.join('\n')
return {
label: 'Fast',
className: 'border-amber-400/50 bg-amber-400/10 text-amber-700 dark:border-amber-300/40 dark:bg-amber-300/10 dark:text-amber-300',
className: 'border-amber-400/50 bg-transparent text-amber-700 dark:border-amber-300/40 dark:text-amber-300',
title,
ariaLabel: titleLines.join(''),
}
@@ -340,7 +340,8 @@ describe('UsageRecordsTable', () => {
expect(reasoningBadge?.classList.contains('bg-primary/5')).toBe(true)
expect(reasoningBadge?.classList.contains('text-primary')).toBe(true)
expect(fastBadge?.classList.contains('border-amber-400/50')).toBe(true)
expect(fastBadge?.classList.contains('bg-amber-400/10')).toBe(true)
expect(fastBadge?.classList.contains('bg-transparent')).toBe(true)
expect(fastBadge?.classList.contains('bg-amber-400/10')).toBe(false)
expect(fastBadge?.classList.contains('text-amber-700')).toBe(true)
expect(cyberBadge?.classList.contains('border-primary/30')).toBe(true)
expect(cyberBadge?.classList.contains('bg-primary/5')).toBe(true)