1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-26 13:48:33 +02:00

chore: fix colors, sizes and corner roundings on admin menu (#9847)

This commit is contained in:
David Leek 2025-04-28 10:57:24 +02:00 committed by GitHub
parent 1ccc6cae19
commit 25790c1e0b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -15,11 +15,11 @@ import { Link } from 'react-router-dom';
import type { Theme } from '@mui/material/styles/createTheme';
const listItemButtonStyle = (theme: Theme) => ({
borderRadius: theme.spacing(0.5),
borderRadius: theme.spacing(1),
borderLeft: `${theme.spacing(0.5)} solid transparent`,
m: 0,
paddingTop: theme.spacing(1),
paddingBottom: theme.spacing(1),
paddingTop: theme.spacing(0.5),
paddingBottom: theme.spacing(0.5),
'&.Mui-selected': {
backgroundColor: '#607B81',
color: theme.palette.common.white,
@ -27,11 +27,11 @@ const listItemButtonStyle = (theme: Theme) => ({
fontWeight: theme.typography.fontWeightBold,
},
'&:hover': {
backgroundColor: theme.palette.action.hover,
backgroundColor: '#546C71',
color: 'inherit',
fontWeight: theme.typography.fontWeightLight,
fontWeight: theme.typography.fontWeightBold,
'& p': {
fontWeight: theme.typography.fontWeightLight,
fontWeight: theme.typography.fontWeightBold,
},
},
},
@ -40,17 +40,14 @@ const listItemButtonStyle = (theme: Theme) => ({
'&>.MuiAccordionSummary-content.MuiAccordionSummary-content': {
margin: '0',
alignItems: 'center',
padding: theme.spacing(0.1, 0),
},
});
const subListItemButtonStyle = (theme: Theme) => ({
paddingLeft: theme.spacing(4),
borderRadius: theme.spacing(0.5),
borderRadius: theme.spacing(1),
borderLeft: `${theme.spacing(0.5)} solid transparent`,
m: 0,
paddingTop: theme.spacing(0.75),
paddingBottom: theme.spacing(0.75),
'&.Mui-selected': {
backgroundColor: '#607B81',
color: theme.palette.common.white,
@ -58,11 +55,11 @@ const subListItemButtonStyle = (theme: Theme) => ({
fontWeight: theme.typography.fontWeightBold,
},
'&:hover': {
backgroundColor: theme.palette.action.hover,
backgroundColor: '#546C71',
color: 'inherit',
fontWeight: theme.typography.fontWeightLight,
fontWeight: theme.typography.fontWeightBold,
'& p': {
fontWeight: theme.typography.fontWeightLight,
fontWeight: theme.typography.fontWeightBold,
},
},
},