fix: unify type selector dropdown to match add-property style (#123)

The TypeSelector on existing properties used a colored pill with no
border, while the add-property form used a bordered muted-bg control.
Align both to the add-property style: 26px height, visible border,
muted background, 4px radius.

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
This commit is contained in:
Luca Rossi
2026-02-27 15:27:30 +01:00
committed by GitHub
parent 375e370a9e
commit 4474e635fd
2 changed files with 3 additions and 8 deletions

View File

@@ -422,14 +422,8 @@ function TypeSelector({ isA, customColorKey, availableTypes, onUpdateProperty, o
<Select value={currentValue} onValueChange={v => onUpdateProperty('type', v === TYPE_NONE ? null : v)}>
<SelectTrigger
size="sm"
className="h-auto min-h-0 gap-1 border-none px-2 py-0.5 shadow-none"
style={isA ? {
background: getTypeLightColor(isA, customColorKey),
color: getTypeColor(isA, customColorKey),
fontSize: 12,
fontWeight: 500,
borderRadius: 6,
} : { fontSize: 12, borderRadius: 6 }}
className="h-[26px] shrink-0 gap-1 border-border bg-muted px-1.5 py-0 shadow-none"
style={{ fontSize: 12, borderRadius: 4 }}
>
<SelectValue placeholder="None" />
</SelectTrigger>