1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-09 00:18:00 +01:00

fix: improve menu styling (#7513)

Now quick suggestions padding is not bigger than for pages. 


![image](https://github.com/Unleash/unleash/assets/964450/9708faab-67d4-4159-8af4-b203f7778f6b)
This commit is contained in:
Jaanus Sellin 2024-07-02 12:33:37 +03:00 committed by GitHub
parent 4eebf49423
commit 745c5a0454
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 18 deletions

View File

@ -75,15 +75,7 @@ export const CommandPageSuggestions = ({
}} }}
sx={listItemButtonStyle} sx={listItemButtonStyle}
> >
<StyledListItemIcon <StyledListItemIcon>{item.icon}</StyledListItemIcon>
sx={(theme) => ({
fontSize: theme.fontSizes.smallBody,
minWidth: theme.spacing(0.5),
margin: theme.spacing(0, 1, 0, 0),
})}
>
{item.icon}
</StyledListItemIcon>
<StyledListItemText> <StyledListItemText>
<StyledButtonTypography color='textPrimary'> <StyledButtonTypography color='textPrimary'>
{item.name} {item.name}

View File

@ -49,13 +49,7 @@ export const CommandPages = ({
}} }}
sx={listItemButtonStyle} sx={listItemButtonStyle}
> >
<StyledListItemIcon <StyledListItemIcon>
sx={(theme) => ({
fontSize: theme.fontSizes.smallBody,
minWidth: theme.spacing(0.5),
margin: theme.spacing(0, 1, 0, 0),
})}
>
<IconRenderer path={item.link} /> <IconRenderer path={item.link} />
</StyledListItemIcon> </StyledListItemIcon>
<StyledListItemText> <StyledListItemText>

View File

@ -4,7 +4,6 @@ import {
RecentlyVisitedPathButton, RecentlyVisitedPathButton,
RecentlyVisitedProjectButton, RecentlyVisitedProjectButton,
} from './RecentlyVisited/CommandResultGroup'; } from './RecentlyVisited/CommandResultGroup';
import { List } from '@mui/material';
import { import {
useRecentlyVisited, useRecentlyVisited,
type LastViewedPage, type LastViewedPage,
@ -57,7 +56,7 @@ export const CommandRecent = ({
groupName='Quick suggestions' groupName='Quick suggestions'
onClick={onClick} onClick={onClick}
> >
<List>{buttons}</List> {buttons}
</CommandResultGroup> </CommandResultGroup>
); );
}; };