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

View File

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