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