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

fix: make the links in the navigation bar smaller

Browse source
This commit is contained in:
Dorian Niemiec 2024-11-05 22:45:05 +01:00
parent be161a29d4
commit 1260f0bde3
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
components/Header.jsx
View file

@ -28,14 +28,14 @@ function Header({ docLinks }) {
<span className="sr-only">MERNMail logo</span> <span className="sr-only">MERNMail logo</span>
<Logo width={160} height={35} className="inline h-8 w-auto" /> <Logo width={160} height={35} className="inline h-8 w-auto" />
</Link> </Link>
<nav className="grow"> <nav className="grow text-sm">
<ul className="hidden md:inline mx-2.5 list-none"> <ul className="hidden md:flex h-full mx-2.5 list-none">
{headerLinks.nav.map((navLink) => ( {headerLinks.nav.map((navLink) => (
<li className="inline" key={navLink.label}> <li className="flex" key={navLink.label}>
<Link <Link
href={navLink.href} href={navLink.href}
target={navLink.target} target={navLink.target}
className={`inline-block align-middle ${pathname == navLink.href ? "bg-accent" : ""} text-inherit px-2 py-1 h-8 mx-1 rounded-sm hover:bg-accent/60 transition-colors`} className={`inline-block self-center ${pathname == navLink.href ? "bg-accent" : ""} text-inherit px-2 py-1.5 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
> >
{navLink.label} {navLink.label}
</Link> </Link>