p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add DrawerClose to each sidenav link to close sidenav after click

Browse Source
This commit is contained in:
p-sw 2024-06-02 01:34:05 +09:00
parent 811be2f59b
commit 51b9a8bd1e
1 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
packages/react/src/MainLayout.tsx
View File

@ -151,14 +151,16 @@ function TopNav() {
</DrawerClose> </DrawerClose>
<div className="flex flex-col justify-start items-start gap-6 text-lg"> <div className="flex flex-col justify-start items-start gap-6 text-lg">
<div className="flex flex-col justify-start items-start gap-3"> <div className="flex flex-col justify-start items-start gap-3">
<Link to="/" className="font-extrabold"> <DrawerClose>
PSW/UI <Link to="/" className="font-extrabold">
</Link> PSW/UI
</Link>
</DrawerClose>
{RouteObject.mainNav.map((link) => { {RouteObject.mainNav.map((link) => {
return ( return (
<Link to={link.path} key={link.path}> <DrawerClose key={link.path}>
{link.name} <Link to={link.path}>{link.name}</Link>
</Link> </DrawerClose>
); );
})} })}
</div> </div>
@ -172,13 +174,14 @@ function TopNav() {
<h2 className="font-bold">{categoryName}</h2> <h2 className="font-bold">{categoryName}</h2>
{links.map((link) => { {links.map((link) => {
return ( return (
<Link <DrawerClose key={link.path}>
key={link.path} <Link
to={link.path} to={link.path}
className="text-base opacity-75" className="text-base opacity-75"
> >
{link.name} {link.name}
</Link> </Link>
</DrawerClose>
); );
})} })}
</div> </div>