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 (
|
||||
<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>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user