Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-31 13:47:02 +02:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
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
1 changed files with 10 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/component/layout/MainLayout/AdminMenu/AdminListItem.tsx
View File

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