refactor(web/menu): remove unused radial menu styling

This commit is contained in:
Luke
2023-01-27 21:58:04 +01:00
parent f9a6d8ca8b
commit c7ec1b7307

View File

@@ -48,57 +48,6 @@ const useStyles = createStyles((theme) => ({
left: '50%',
transform: 'translate(-50%, -50%)',
},
centerButton: {
width: 50,
height: 50,
zIndex: 99,
},
buttonsContainer: {
position: 'absolute',
top: '50%',
left: '50%',
transform: 'translate(-50%, -50%)',
width: 120,
height: 120,
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
},
button: {
position: 'absolute',
width: 40,
height: 40,
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
borderRadius: '50%',
backgroundColor: theme.colors.dark[6],
color: theme.colors.dark[0],
boxShadow: theme.shadows.sm,
padding: 12,
'&:hover': {
backgroundColor: theme.colors.dark[5],
cursor: 'pointer',
},
},
labelWrapper: {
marginTop: 120,
position: 'absolute',
width: '100%',
top: '50%',
left: '50%',
transform: 'translate(-50%, -50%)',
},
labelContainer: {
backgroundColor: theme.colors.dark[6],
color: theme.colors.dark[2],
padding: 8,
borderRadius: theme.radius.sm,
fontWeight: 500,
fontSize: 14,
boxShadow: theme.shadows.sm,
textAlign: 'center',
},
sector: {
fill: theme.colors.dark[6],
color: theme.colors.dark[0],