Fix location input styling to match select fields

- Add neutral-200 default border and brand-400 hover border overrides
- Input now matches selects: same border color, hover, focus, font size
- Previously inherited theme defaults (neutral-300 border, neutral-400 hover)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-26 17:33:06 +11:00
parent ad1d755ef1
commit d5f0a584e0

View File

@@ -421,6 +421,13 @@ export const FuneralFinderV2 = React.forwardRef<HTMLDivElement, FuneralFinderV2P
if (e.key === 'Enter') handleSubmit();
}}
sx={{
'& .MuiOutlinedInput-notchedOutline': {
borderColor: 'var(--fa-color-neutral-200)',
borderRadius: 'var(--fa-border-radius-md, 8px)',
},
'&:hover:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline': {
borderColor: 'var(--fa-color-brand-400)',
},
'&.Mui-focused': { boxShadow: 'none' },
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
borderColor: 'var(--fa-color-brand-400)',