pontus/pontus-front
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mobile experience improvements

Browse source
This commit is contained in:
Aidan 2025-07-06 21:58:28 -04:00
parent ca41990710
commit dfbc3cade9
6 changed files with 163 additions and 158 deletions
Download patch file Download diff file Expand all files Collapse all files

14
components/core/nav.tsx
View file

@ -2,17 +2,17 @@ import Link from "next/link";
export function Nav() {
return (
<div className="flex flex-row items-center justify-between px-5 py-3">
<div className="flex flex-col sm:flex-row items-center justify-between px-4 sm:px-5 py-3 gap-3 sm:gap-0">
<Link href="/">
<h1 className="text-3xl font-bold font-mono">
<h1 className="text-2xl sm:text-3xl font-bold font-mono">
p0ntus
</h1>
</Link>
<div className="flex flex-row gap-4">
<Link href="/">Home</Link>
<Link href="/about">About</Link>
<Link href="/servers">Servers</Link>
<Link href="/services">Services</Link>
<div className="flex flex-row flex-wrap items-center justify-center gap-3 sm:gap-4 text-sm sm:text-base">
<Link href="/" className="hover:underline">Home</Link>
<Link href="/about" className="hover:underline">About</Link>
<Link href="/servers" className="hover:underline">Servers</Link>
<Link href="/services" className="hover:underline">Services</Link>
</div>
</div>
);