fix(profile): keep the fact editor's Save label visible

Small buttons in ui-web merge their text-ui-label size over the default
variant's text color, so the small Save button rendered ink on ink. The
editor now uses default-size controls, with the category select at the same
height.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MRtGG9ARfqqhma3t85Ro2u
This commit is contained in:
Claude 2026-10-03 13:42:24 +00:00
parent e13dbe5ffa
commit 7a58bc7ba9
No known key found for this signature in database

View File

@ -64,7 +64,7 @@ export function UserFactEditor({
/>
<div className="flex flex-wrap items-center gap-2">
<NativeSelect
size="sm"
className="*:data-[slot=native-select]:h-control-md"
aria-label={t`Category`}
value={draft.category}
onChange={(event) =>
@ -80,7 +80,7 @@ export function UserFactEditor({
{showSpaces ? (
<DropdownMenu>
<DropdownMenuTrigger
render={<Button type="button" variant="outline" size="sm" className="max-w-56" />}
render={<Button type="button" variant="outline" className="max-w-56" />}
>
<span className="truncate">
{factSpaceNames(draft.spaceIds, spaces).join(", ") || allSpaces}
@ -115,10 +115,10 @@ export function UserFactEditor({
</DropdownMenu>
) : null}
<div className="ms-auto flex items-center gap-1">
<Button type="button" variant="ghost" size="sm" disabled={busy} onClick={onCancel}>
<Button type="button" variant="ghost" disabled={busy} onClick={onCancel}>
<Trans>Cancel</Trans>
</Button>
<Button type="submit" size="sm" disabled={busy || !draft.value.trim()}>
<Button type="submit" disabled={busy || !draft.value.trim()}>
<Trans>Save</Trans>
</Button>
</div>