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"
|
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')}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user