IoSL/service-aware-frontend
3
0
Fork 0
generated from Luis/nextjs-python-web-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style adjustments in sidebar collapsible menu

Browse Source 
- collapse menu adjustments
This commit is contained in:
Onur Arslan
2024-01-08 22:28:45 +01:00
parent f9400180b0
commit d7be07406c
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pkgs/ui/src/components/sidebar/index.tsx
View File

@@ -165,7 +165,7 @@ export function Sidebar(props: SidebarProps) {
> >
<ListItemIcon <ListItemIcon
color="inherit" color="inherit"
className="justify-center overflow-hidden text-white lg:justify-normal" className="overflow-hidden text-white lg:justify-normal"
> >
{menuEntry.icon} {menuEntry.icon}
</ListItemIcon> </ListItemIcon>
@@ -179,7 +179,7 @@ export function Sidebar(props: SidebarProps) {
{collapseMenuOpen ? <ExpandLess /> : <ExpandMore />} {collapseMenuOpen ? <ExpandLess /> : <ExpandMore />}
</ListItemButton> </ListItemButton>
<Collapse <Collapse
in={collapseMenuOpen} in={collapseMenuOpen && show}
timeout="auto" timeout="auto"
unmountOnExit unmountOnExit
> >
@@ -188,7 +188,7 @@ export function Sidebar(props: SidebarProps) {
<ListItemButton <ListItemButton
key={idx} key={idx}
sx={{ pl: 4 }} sx={{ pl: 4 }}
className="justify-center lg:justify-normal" className="lg:justify-normal"
LinkComponent={Link} LinkComponent={Link}
href={menuEntry.to} href={menuEntry.to}
disabled={menuEntry.disabled} disabled={menuEntry.disabled}
@@ -197,7 +197,7 @@ export function Sidebar(props: SidebarProps) {
> >
<ListItemIcon <ListItemIcon
color="inherit" color="inherit"
className="justify-center overflow-hidden text-white lg:justify-normal" className="overflow-hidden text-white lg:justify-normal"
> >
{menuEntry.icon} {menuEntry.icon}
</ListItemIcon> </ListItemIcon>