bugfix width of filter-container

This commit is contained in:
Laura Dolibois
2025-06-02 23:55:08 +02:00
parent 6b55c13583
commit 9fc578ef7d
2 changed files with 5 additions and 4 deletions

View File

@@ -28,7 +28,7 @@ export default function PriceSlider({ min = 0, max = 100, onChange }: PriceSlide
return (
<div>
<h3>{t('price')}</h3>
<Box sx={{pl: 2, pr: 7}}>
<Box sx={{pl: 1, pr: 1}}>
<Slider
value={value}
onChange={handleChange}
@@ -39,7 +39,7 @@ export default function PriceSlider({ min = 0, max = 100, onChange }: PriceSlide
step={1}
/>
</Box>
<Box sx={{ pl: 1, pr: 6, display: 'flex', justifyContent: 'space-between' }}>
<Box sx={{display: 'flex', justifyContent: 'space-between'}}>
<Typography>{value[0]?.toFixed(2) ?? "0.00"} </Typography>
<Typography>{value[1]?.toFixed(2) ?? "0.00"} </Typography>
</Box>

View File

@@ -131,10 +131,11 @@
}
.filter-container {
width: 17%;
width: fit-content;
display: grid;
margin: 20px -20px 20px 20px;
margin: 20px 30px 20px 30px;
place-self: start;
white-space: nowrap;
}
.loader-container {