Rename interfaces, AppBar changes

This commit is contained in:
cracklesparkle
2024-06-28 12:33:07 +09:00
parent c41e59cd86
commit af1d497715
13 changed files with 165 additions and 80 deletions

View File

@ -128,7 +128,10 @@ export default function DashboardLayout() {
return (
<ThemeProvider theme={innerTheme}>
<Box sx={{ display: 'flex' }}>
<Box sx={{
display: 'flex',
height: "100%"
}}>
<CssBaseline />
<AppBar position="absolute" open={open}>
<Toolbar
@ -143,7 +146,7 @@ export default function DashboardLayout() {
onClick={toggleDrawer}
sx={{
marginRight: '36px',
...(open && { display: 'none' }),
//...(open && { display: 'none' }),
}}
>
<MenuIcon />
@ -172,7 +175,7 @@ export default function DashboardLayout() {
</Badge>
</IconButton> */}
<AccountMenu/>
<AccountMenu />
</Box>
</Toolbar>
@ -187,16 +190,18 @@ export default function DashboardLayout() {
}}
>
<Box display="flex" justifyContent={'space-between'} width={"100%"}>
<IconButton onClick={toggleDrawer}>
<ChevronLeftIcon />
</IconButton>
</Box>
</Toolbar>
<Divider />
<List component="nav">
{pages.map((item, index) => (
<ListItem key={index} disablePadding>
<ListItem
key={index}
disablePadding
>
<ListItemButton
onClick={() => {
navigate(item.path)
@ -207,7 +212,9 @@ export default function DashboardLayout() {
<ListItemIcon>
{item.icon}
</ListItemIcon>
<ListItemText primary={item.label} />
<ListItemText
primary={item.label}
/>
</ListItemButton>
</ListItem>
))}