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>
<Logo width={160} height={35} className="inline h-8 w-auto" />
</Link>
<nav className="grow">
<ul className="hidden md:inline mx-2.5 list-none">
<nav className="grow text-sm">
<ul className="hidden md:flex h-full mx-2.5 list-none">
{headerLinks.nav.map((navLink) => (
<li className="inline" key={navLink.label}>
<li className="flex" key={navLink.label}>
<Link
href={navLink.href}
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}
</Link>