fix(usage): compact toolbar controls and unify visual style

- Reduce all four filter controls to w-[100px] h-9
- Add ChevronDown icon to date picker trigger for consistency
- Suppress focus border highlight on select triggers after close
This commit is contained in:
Jason
2026-06-12 23:48:41 +08:00
parent a95b22dd79
commit 6e519a7496
2 changed files with 7 additions and 6 deletions
+3 -3
View File
@@ -206,7 +206,7 @@ export function UsageDashboard() {
onValueChange={(v) => changeProviderName(decodeOptionValue(v))}
>
<SelectTrigger
className="h-9 w-[120px] bg-background text-xs [&>span]:min-w-0 [&>span]:truncate"
className="h-9 w-[100px] bg-background text-xs focus:border-border-default [&>span]:min-w-0 [&>span]:truncate"
title={providerName ?? t("usage.filterBySource")}
>
<SelectValue />
@@ -231,7 +231,7 @@ export function UsageDashboard() {
onValueChange={(v) => setModel(decodeOptionValue(v))}
>
<SelectTrigger
className="h-9 w-[120px] bg-background text-xs [&>span]:min-w-0 [&>span]:truncate"
className="h-9 w-[100px] bg-background text-xs focus:border-border-default [&>span]:min-w-0 [&>span]:truncate"
title={model ?? t("usage.filterByModel")}
>
<SelectValue />
@@ -257,7 +257,7 @@ export function UsageDashboard() {
onValueChange={(v) => changeRefreshInterval(Number(v))}
>
<SelectTrigger
className="h-9 w-[150px] bg-background text-xs"
className="h-9 w-[100px] bg-background text-xs focus:border-border-default"
title={t("usage.refreshInterval")}
aria-label={t("usage.refreshInterval")}
>