style(NodeSwitcher): use sm size for more compact appearance
Build and Deploy / Build and Push Docker Image (push) Successful in 2m3s

- Change from md (36px/14px) to sm (28px/12px in default, 24px/11px in compact)
- Icon size 12px to match font size
This commit is contained in:
2026-08-08 15:45:46 +08:00
parent eb85a8536d
commit e425015cb1
+3 -3
View File
@@ -154,15 +154,15 @@ export function NodeSwitcher() {
type="button" type="button"
onClick={() => setOpen(!open)} onClick={() => setOpen(!open)}
className={cn( className={cn(
'ui-control ui-select-trigger h-[var(--ui-height-md)] px-[var(--ui-px-md)] text-left text-[length:var(--ui-font-md)]', 'ui-control ui-select-trigger h-[var(--ui-height-sm)] px-[var(--ui-px-sm)] text-left text-[length:var(--ui-font-sm)]',
open && 'ui-control-open', open && 'ui-control-open',
selected !== 'local' && 'border-amber-500/30 bg-amber-500/10 text-amber-600 hover:bg-amber-500/15 dark:text-amber-400', selected !== 'local' && 'border-amber-500/30 bg-amber-500/10 text-amber-600 hover:bg-amber-500/15 dark:text-amber-400',
)} )}
> >
<MonitorDot size={14} className="shrink-0" /> <MonitorDot size={12} className="shrink-0" />
<span className="min-w-0 flex-1 truncate">{currentLabel}</span> <span className="min-w-0 flex-1 truncate">{currentLabel}</span>
<ChevronDown <ChevronDown
size={14} size={12}
strokeWidth={1.5} strokeWidth={1.5}
className={cn('shrink-0 text-[var(--text-muted)] transition-transform', open && 'rotate-180')} className={cn('shrink-0 text-[var(--text-muted)] transition-transform', open && 'rotate-180')}
/> />