Fix menu item hover
This commit is contained in:
parent
637403d44f
commit
3db58aa969
1 changed files with 6 additions and 0 deletions
|
@ -44,10 +44,16 @@ const styles = (theme: Theme) =>
|
||||||
boxShadow: "0px 0px 12px 1px rgba(0,0,0,0.2)"
|
boxShadow: "0px 0px 12px 1px rgba(0,0,0,0.2)"
|
||||||
},
|
},
|
||||||
menuItemHover: {
|
menuItemHover: {
|
||||||
|
"& p": {
|
||||||
|
transition: "color 0.5s ease"
|
||||||
|
},
|
||||||
"& path": {
|
"& path": {
|
||||||
transition: "fill 0.5s ease"
|
transition: "fill 0.5s ease"
|
||||||
},
|
},
|
||||||
"&:hover": {
|
"&:hover": {
|
||||||
|
"& p": {
|
||||||
|
color: theme.palette.primary.main
|
||||||
|
},
|
||||||
"& path": {
|
"& path": {
|
||||||
fill: theme.palette.primary.main
|
fill: theme.palette.primary.main
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in a new issue