mirror of
https://github.com/RoboSats/robosats.git
synced 2024-12-16 04:16:24 +00:00
34 lines
796 B
JavaScript
34 lines
796 B
JavaScript
|
import { Slider } from "@mui/material"
|
||
|
|
import { styled } from '@mui/material/styles';
|
||
|
|
|
||
|
|
const RangeSlider = styled(Slider)(({ theme }) => ({
|
||
|
|
color: 'primary',
|
||
|
|
height: 3,
|
||
|
|
padding: '13px 0',
|
||
|
|
'& .MuiSlider-thumb': {
|
||
|
|
height: 27,
|
||
|
|
width: 27,
|
||
|
|
backgroundColor: '#fff',
|
||
|
|
border: '1px solid currentColor',
|
||
|
|
'&:hover': {
|
||
|
|
boxShadow: '0 0 0 8px rgba(58, 133, 137, 0.16)',
|
||
|
|
},
|
||
|
|
'& .range-bar': {
|
||
|
|
height: 9,
|
||
|
|
width: 1,
|
||
|
|
backgroundColor: 'currentColor',
|
||
|
|
marginLeft: 1,
|
||
|
|
marginRight: 1,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
'& .MuiSlider-track': {
|
||
|
|
height: 3,
|
||
|
|
},
|
||
|
|
'& .MuiSlider-rail': {
|
||
|
|
color: theme.palette.mode === 'dark' ? '#bfbfbf' : '#d8d8d8',
|
||
|
|
opacity: theme.palette.mode === 'dark' ? undefined : 1,
|
||
|
|
height: 3,
|
||
|
|
},
|
||
|
|
}));
|
||
|
|
|
||
|
|
export default RangeSlider;
|