Filter panel UX refinements: headings, layout, location chip, padding
- DialogShell: bump px from 3 to 5 (20px) for more breathing room - FilterPanel: "Done" → "Apply", move "Clear all" to footer as "Reset filters" - ProvidersStep filters: - Section headings: labelLg + fontWeight 600 for visual hierarchy - Funeral type chips: horizontal scroll instead of wrap - Location section: chip showing current search + editable input - Price inputs: compact fontSize 0.875rem + tighter padding - Service tradition: 'None' added as first option - Active count includes location search - Reset clears search query too Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -108,7 +108,7 @@ export const DialogShell = React.forwardRef<HTMLDivElement, DialogShellProps>(
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'space-between',
|
||||
px: 3,
|
||||
px: 5,
|
||||
pt: 2.5,
|
||||
pb: 2,
|
||||
flexShrink: 0,
|
||||
@@ -149,7 +149,7 @@ export const DialogShell = React.forwardRef<HTMLDivElement, DialogShellProps>(
|
||||
{/* Scrollable body */}
|
||||
<Box
|
||||
sx={{
|
||||
px: 3,
|
||||
px: 5,
|
||||
py: 2.5,
|
||||
overflowY: 'auto',
|
||||
flex: 1,
|
||||
@@ -162,7 +162,7 @@ export const DialogShell = React.forwardRef<HTMLDivElement, DialogShellProps>(
|
||||
{footer && (
|
||||
<>
|
||||
<Divider />
|
||||
<Box sx={{ px: 3, py: 2, flexShrink: 0 }}>{footer}</Box>
|
||||
<Box sx={{ px: 5, py: 2, flexShrink: 0 }}>{footer}</Box>
|
||||
</>
|
||||
)}
|
||||
</Dialog>
|
||||
|
||||
Reference in New Issue
Block a user