UI style tweaks

This commit is contained in:
James Ketr 2025-06-08 21:16:29 -07:00
parent 3970cca715
commit 817a8e4b66

View File

@ -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>
)