refactor(web/radial): add stroke to center circle

This commit is contained in:
Linden
2023-02-21 23:54:02 +11:00
parent 4d15b38d02
commit 4dd9b03ba3

View File

@@ -34,6 +34,8 @@ const useStyles = createStyles((theme) => ({
centerCircle: { centerCircle: {
fill: theme.fn.primaryColor(), fill: theme.fn.primaryColor(),
color: '#fff', color: '#fff',
stroke: theme.colors.dark[6],
strokeWidth: 4,
'&:hover': { '&:hover': {
fill: theme.colors[theme.primaryColor][theme.fn.primaryShade() - 1], fill: theme.colors[theme.primaryColor][theme.fn.primaryShade() - 1],
cursor: 'pointer', cursor: 'pointer',
@@ -131,7 +133,7 @@ const RadialMenu: React.FC = () => {
} }
}} }}
> >
<circle r={30} className={classes.centerCircle} /> <circle r={32} className={classes.centerCircle} />
</g> </g>
</svg> </svg>
<div className={classes.centerIconContainer}> <div className={classes.centerIconContainer}>