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:
@@ -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)',
|
||||
|
||||
Reference in New Issue
Block a user