style(NodeSwitcher): use sm size for more compact appearance
Build and Deploy / Build and Push Docker Image (push) Successful in 2m3s
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:
@@ -154,15 +154,15 @@ export function NodeSwitcher() {
|
||||
type="button"
|
||||
onClick={() => setOpen(!open)}
|
||||
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',
|
||||
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>
|
||||
<ChevronDown
|
||||
size={14}
|
||||
size={12}
|
||||
strokeWidth={1.5}
|
||||
className={cn('shrink-0 text-[var(--text-muted)] transition-transform', open && 'rotate-180')}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user