UI style tweaks
This commit is contained in:
parent
3970cca715
commit
817a8e4b66
@ -289,9 +289,10 @@ const Header: React.FC<HeaderProps> = (props: HeaderProps) => {
|
||||
onClick={() => child.path && handleNavigate(child.path)}
|
||||
selected={isCurrentPath(child)}
|
||||
disabled={!child.path}
|
||||
sx={{ alignContent: 'center', margin: "0 !important" }}
|
||||
>
|
||||
{child.icon && <ListItemIcon>{child.icon}</ListItemIcon>}
|
||||
<ListItemText>{child.label}</ListItemText>
|
||||
<ListItemText sx={{ p: 0, margin: "0 !important", "& > *": { m: 0 } }}>{child.label}</ListItemText>
|
||||
</MenuItem>
|
||||
))}
|
||||
</Menu>
|
||||
@ -404,9 +405,9 @@ const Header: React.FC<HeaderProps> = (props: HeaderProps) => {
|
||||
<Divider key={`divider-${index}`} />
|
||||
) : (
|
||||
<ListItem key={item.id} disablePadding>
|
||||
<ListItemButton onClick={() => handleUserMenuAction(item)}>
|
||||
<ListItemButton onClick={() => handleUserMenuAction(item)} sx={{ alignContent: "center" }}>
|
||||
{item.icon && <ListItemIcon sx={{ minWidth: 36 }}>{item.icon}</ListItemIcon>}
|
||||
<ListItemText primary={item.label} />
|
||||
<ListItemText primary={item.label} sx={{ padding: 0 }} />
|
||||
</ListItemButton>
|
||||
</ListItem>
|
||||
)
|
||||
|
Loading…
x
Reference in New Issue
Block a user