Fix submenu shadow
This commit is contained in:
parent
a1b8cba07b
commit
89c33deb3d
1 changed files with 2 additions and 1 deletions
|
@ -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}
|
||||||
|
|
Loading…
Reference in a new issue