Merge pull request #643 from getmaxun/menu-style
feat(ui): consistent style based on mode
This commit is contained in:
@@ -29,14 +29,19 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
|
|||||||
const buttonStyles = {
|
const buttonStyles = {
|
||||||
justifyContent: 'flex-start',
|
justifyContent: 'flex-start',
|
||||||
textAlign: 'left',
|
textAlign: 'left',
|
||||||
fontSize: 'medium',
|
fontSize: '17px',
|
||||||
padding: '6px 16px 6px 22px',
|
letterSpacing: '0.02857em',
|
||||||
|
padding: '20px 16px 6px 22px',
|
||||||
minHeight: '48px',
|
minHeight: '48px',
|
||||||
minWidth: '100%',
|
minWidth: '100%',
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
textTransform: 'none',
|
textTransform: 'none',
|
||||||
color: theme.palette.mode === 'light' ? '#6C6C6C' : 'inherit',
|
color: theme.palette.mode === 'light' ? '#6C6C6C' : 'inherit',
|
||||||
|
'&:hover': {
|
||||||
|
color: theme.palette.mode === 'light' ? '#6C6C6C' : 'inherit',
|
||||||
|
backgroundColor: theme.palette.mode === 'light' ? '#f5f5f5' : 'rgba(255, 255, 255, 0.08)',
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
@@ -121,4 +126,4 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
|
|||||||
</Box>
|
</Box>
|
||||||
</Paper>
|
</Paper>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user