mernmail/mernmail-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: hide the mobile menu when the link in the menu is clicked

Browse source
This commit is contained in:
Dorian Niemiec 2024-11-07 18:18:38 +01:00
parent 599763c3f2
commit e59ef80353
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/Header.jsx
View file

@ -133,6 +133,9 @@ function Header({ docLinks }) {
href={navLink.href} href={navLink.href}
target={navLink.target} target={navLink.target}
className={`inline-block align-middle ${pathname == navLink.href || (navLink.href != "/" && pathname.indexOf(navLink.href + "/") == 0) ? "bg-accent" : ""} text-inherit px-2 py-1 mx-1 rounded-sm hover:bg-accent/60 transition-colors`} className={`inline-block align-middle ${pathname == navLink.href || (navLink.href != "/" && pathname.indexOf(navLink.href + "/") == 0) ? "bg-accent" : ""} text-inherit px-2 py-1 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
onClick={() => {
setMenuShown(false);
}}
> >
{navLink.label} {navLink.label}
</Link> </Link>
@ -143,6 +146,9 @@ function Header({ docLinks }) {
href={headerLinks.git.href} href={headerLinks.git.href}
target={headerLinks.git.target} target={headerLinks.git.target}
className="whitespace-nowrap inline-block align-middle text-inherit px-2 py-1 h-8 mx-1 rounded-sm hover:bg-accent/60 transition-colors" className="whitespace-nowrap inline-block align-middle text-inherit px-2 py-1 h-8 mx-1 rounded-sm hover:bg-accent/60 transition-colors"
onClick={() => {
setMenuShown(false);
}}
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -169,6 +175,9 @@ function Header({ docLinks }) {
href={docLink.href} href={docLink.href}
target={docLink.target || "_self"} target={docLink.target || "_self"}
className={`${docLink.sub ? "ml-4" : ""} block align-middle ${pathname == docLink.href ? "bg-accent" : ""} text-inherit px-2 py-1 mx-1 rounded-sm hover:bg-accent/60 transition-colors`} className={`${docLink.sub ? "ml-4" : ""} block align-middle ${pathname == docLink.href ? "bg-accent" : ""} text-inherit px-2 py-1 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
onClick={() => {
setMenuShown(false);
}}
> >
{docLink.label} {docLink.label}
</Link> </Link>