update the period toggler
This commit is contained in:
parent
01556b0a87
commit
d6deeec5b7
|
@ -5,14 +5,16 @@ import { PLAN_PERIOD } from '.';
|
||||||
export function PeriodToggler({ planPeriod, togglePeriod }) {
|
export function PeriodToggler({ planPeriod, togglePeriod }) {
|
||||||
const CustomToggleButton = styled(ToggleButton)(({ theme }) => ({
|
const CustomToggleButton = styled(ToggleButton)(({ theme }) => ({
|
||||||
textTransform: 'none',
|
textTransform: 'none',
|
||||||
padding: '14px 42px',
|
padding: '12px 16px',
|
||||||
borderRadius: '12px',
|
borderRadius: '4px',
|
||||||
|
backgroundColor: theme.palette.fill.dark,
|
||||||
|
color: theme.palette.text.disabled,
|
||||||
'&.Mui-selected': {
|
'&.Mui-selected': {
|
||||||
backgroundColor: theme.palette.primary.main,
|
backgroundColor: theme.palette.accent.main,
|
||||||
color: theme.palette.primary.contrastText,
|
color: theme.palette.primary.contrastText,
|
||||||
},
|
},
|
||||||
'&.Mui-selected:hover': {
|
'&.Mui-selected:hover': {
|
||||||
backgroundColor: theme.palette.primary.main,
|
backgroundColor: theme.palette.accent.main,
|
||||||
color: theme.palette.primary.contrastText,
|
color: theme.palette.primary.contrastText,
|
||||||
},
|
},
|
||||||
}));
|
}));
|
||||||
|
|
Loading…
Reference in a new issue