mirror of
https://github.com/RoboSats/robosats.git
synced 2025-07-18 16:53:16 +00:00
1dea4e73b6
commit 9c6d55cfc77d42471da3e865f2729167597868e5
Author: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Thu Oct 20 10:35:49 2022 -0700
Small fixes
commit 23d6c00ccb5e78593e768c36b866d02f26031e7b
Author: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Thu Oct 20 06:12:42 2022 -0700
Refactor frontend
commit b2c21d4a98c49f6168bc3ff6e6a3d7b9f8943a12
Author: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Wed Oct 19 07:26:00 2022 -0700
Small fixes (more)
commit 78a8ab799dc33e8f8b8f14e22e155bbc7104c3a9
Author: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Wed Oct 19 02:11:03 2022 -0700
Try out to revert depth chart
commit ef73c980a8cfc4ae760e720e3bca99acc30b7270
Author: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Tue Oct 18 11:43:37 2022 -0700
Small fixes
commit fa3e60208f8f292256dd90813e7beff15db3057a
Author: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Tue Oct 18 09:43:03 2022 -0700
Add old UserGen and BottomBar to new main.tsx
commit 1e257d1924df20e2fa4feb7f6afce4f31f2a9acc
Author: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Tue Oct 18 04:01:53 2022 -0700
Add Maker and Book page to new main.tsx
commit 037d46ceef34df09530e645a2e01c9fbd9b3efd4
Author: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Mon Oct 17 08:54:55 2022 -0700
Add Main component WIP
commit e43b274c33a75ab5050be360a3d01f655e1e8142
Author: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Mon Oct 17 04:32:43 2022 -0700
App as functional component
35 lines
858 B
JavaScript
35 lines
858 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 / 16}em`,
|
|
width: `${27 / 16}em`,
|
|
backgroundColor: '#fff',
|
|
border: '1px solid currentColor',
|
|
'&:hover': {
|
|
boxShadow: '0 0 0 8px rgba(58, 133, 137, 0.16)',
|
|
},
|
|
'& .range-bar': {
|
|
height: `${9 / 16}em`,
|
|
width: 1,
|
|
backgroundColor: 'currentColor',
|
|
marginLeft: 1,
|
|
marginRight: 1,
|
|
},
|
|
},
|
|
'& .MuiSlider-track': {
|
|
height: `${3 / 16}em`,
|
|
},
|
|
'& .MuiSlider-rail': {
|
|
color: theme.palette.mode === 'dark' ? '#bfbfbf' : '#d8d8d8',
|
|
opacity: theme.palette.mode === 'dark' ? undefined : 1,
|
|
height: `${3 / 16}em`,
|
|
},
|
|
}));
|
|
|
|
export default RangeSlider;
|