beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

update the period toggler

Browse source
This commit is contained in:
Abhinav 2022-07-02 10:32:09 +05:30
parent 01556b0a87
commit d6deeec5b7
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/pages/gallery/PlanSelector/periodToggler.tsx
View file

@ -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,
}, },
})); }));