jketreno/backstory
1
0
Fork 0
Code Issues 12 Actions Releases Activity

UI style tweaks

Browse Source
This commit is contained in:
James Ketr 2025-06-08 21:16:29 -07:00
parent 3970cca715
commit 817a8e4b66
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/layout/Header.tsx
View File

@ -289,9 +289,10 @@ const Header: React.FC<HeaderProps> = (props: HeaderProps) => {
onClick={() => child.path && handleNavigate(child.path)} onClick={() => child.path && handleNavigate(child.path)}
selected={isCurrentPath(child)} selected={isCurrentPath(child)}
disabled={!child.path} disabled={!child.path}
sx={{ alignContent: 'center', margin: "0 !important" }}
> >
{child.icon && <ListItemIcon>{child.icon}</ListItemIcon>} {child.icon && <ListItemIcon>{child.icon}</ListItemIcon>}
<ListItemText>{child.label}</ListItemText> <ListItemText sx={{ p: 0, margin: "0 !important", "& > *": { m: 0 } }}>{child.label}</ListItemText>
</MenuItem> </MenuItem>
))} ))}
</Menu> </Menu>
@ -404,9 +405,9 @@ const Header: React.FC<HeaderProps> = (props: HeaderProps) => {
<Divider key={`divider-${index}`} /> <Divider key={`divider-${index}`} />
) : ( ) : (
<ListItem key={item.id} disablePadding> <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>} {item.icon && <ListItemIcon sx={{ minWidth: 36 }}>{item.icon}</ListItemIcon>}
<ListItemText primary={item.label} /> <ListItemText primary={item.label} sx={{ padding: 0 }} />
</ListItemButton> </ListItemButton>
</ListItem> </ListItem>
) )