Fix submenu shadow

This commit is contained in:
dominik-zeglen 2020-09-09 11:18:33 +02:00
parent a1b8cba07b
commit 89c33deb3d

View file

@ -57,6 +57,7 @@ const useStyles = makeStyles(
}, },
paper: { paper: {
borderRadius: 16, borderRadius: 16,
boxShadow: "0px 6px 30px rgba(0, 0, 0, 0.16)",
cursor: "default", cursor: "default",
padding: theme.spacing(3), padding: theme.spacing(3),
textAlign: "left" textAlign: "left"
@ -169,7 +170,7 @@ const MenuItem: React.FC<MenuItemProps> = ({
onClickAway={() => setOpen(false)} onClickAway={() => setOpen(false)}
mouseEvent="onClick" mouseEvent="onClick"
> >
<Paper elevation={6} className={classes.paper}> <Paper className={classes.paper}>
{menuItem.children.map(subMenuItem => ( {menuItem.children.map(subMenuItem => (
<Typography <Typography
aria-label={subMenuItem.ariaLabel} aria-label={subMenuItem.ariaLabel}