cynarAI/evOo-local
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/components/UserFactEditor.tsx
View File

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