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();
|
if (e.key === 'Enter') handleSubmit();
|
||||||
}}
|
}}
|
||||||
sx={{
|
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': { boxShadow: 'none' },
|
||||||
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
|
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
|
||||||
borderColor: 'var(--fa-color-brand-400)',
|
borderColor: 'var(--fa-color-brand-400)',
|
||||||
|
|||||||
Reference in New Issue
Block a user