bugfix width of filter-container
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user