chore: center

This commit is contained in:
MystiPanda
2024-03-09 23:38:03 +08:00
parent eb6fa5f1f1
commit 8268df84d0
2 changed files with 10 additions and 12 deletions

View File

@@ -14,7 +14,7 @@ interface Props {
icon: React.ReactNode;
}
export const LayoutItem = (props: Props) => {
const { to, children, icon: Icon } = props;
const { to, children, icon } = props;
const resolved = useResolvedPath(to);
const match = useMatch({ path: resolved.pathname, end: true });
@@ -53,10 +53,8 @@ export const LayoutItem = (props: Props) => {
]}
onClick={() => navigate(to)}
>
<ListItemIcon sx={{ marginRight: -0.5 }}>
<Icon />
</ListItemIcon>
<ListItemText primary={children} />
<ListItemIcon sx={{ marginRight: -0.5 }}>{icon}</ListItemIcon>
<ListItemText sx={{ textAlign: "center" }} primary={children} />
</ListItemButton>
</ListItem>
);