mirror of
https://github.com/farion1231/cc-switch.git
synced 2026-08-04 19:45:34 +08:00
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:
@@ -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")}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user