diff --git a/frontend/src/features/usage/components/UsageModelDisplay.vue b/frontend/src/features/usage/components/UsageModelDisplay.vue index 64b277497..4d83ff1c7 100644 --- a/frontend/src/features/usage/components/UsageModelDisplay.vue +++ b/frontend/src/features/usage/components/UsageModelDisplay.vue @@ -140,7 +140,7 @@ const modelBadges = computed(() => { badges.push({ key: 'fast', label: 'Fast', - className: 'border-amber-400/50 bg-transparent text-amber-700 dark:border-amber-300/40 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', }) diff --git a/frontend/src/features/usage/components/UsageRecordsTable.vue b/frontend/src/features/usage/components/UsageRecordsTable.vue index 78c4ef795..d5f0c8f8f 100644 --- a/frontend/src/features/usage/components/UsageRecordsTable.vue +++ b/frontend/src/features/usage/components/UsageRecordsTable.vue @@ -1579,7 +1579,7 @@ function buildServiceTierBadgePresentation( const title = titleLines.join('\n') return { label: 'Fast', - className: 'border-amber-400/50 bg-transparent text-amber-700 dark:border-amber-300/40 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(','), } diff --git a/frontend/src/features/usage/components/__tests__/UsageRecordsTable.spec.ts b/frontend/src/features/usage/components/__tests__/UsageRecordsTable.spec.ts index 579a16408..ce331ce54 100644 --- a/frontend/src/features/usage/components/__tests__/UsageRecordsTable.spec.ts +++ b/frontend/src/features/usage/components/__tests__/UsageRecordsTable.spec.ts @@ -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-transparent')).toBe(true) + expect(fastBadge?.classList.contains('!bg-transparent')).toBe(true) + expect(fastBadge?.classList.contains('bg-transparent')).toBe(false) 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)