feat: adjust mobile navigation for compact layout

Ensure nav stays compact on small screens with no wrapping.

Co-authored-by: Moheeb Zara <[email protected]>
This commit is contained in:
v0
2026-03-11 08:54:04 +00:00
co-authored by Moheeb Zara
parent 96dd16982a
commit cf8fd2b5ca
+7 -7
View File
@@ -309,16 +309,16 @@ export default function LandingPage() {
<div className="min-h-screen bg-background"> <div className="min-h-screen bg-background">
{/* Nav */} {/* Nav */}
<nav className="border-b border-border bg-sidebar"> <nav className="border-b border-border bg-sidebar">
<div className="max-w-6xl mx-auto px-4 md:px-6 py-3 flex items-center justify-between"> <div className="max-w-6xl mx-auto px-4 md:px-6 py-3 flex items-center justify-between gap-4">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2 min-w-0">
<IcoTerminal className="w-5 h-5 text-primary" /> <IcoTerminal className="w-5 h-5 text-primary shrink-0" />
<span className="font-mono text-sm font-bold text-white">hackerspace.sh</span> <span className="font-mono text-sm font-bold text-white truncate">hackerspace.sh</span>
</div> </div>
<div className="flex items-center gap-4"> <div className="flex items-center gap-2 shrink-0">
<Link href="/login" className="font-sans text-sm text-sidebar-foreground hover:text-white transition"> <Link href="/login" className="font-sans text-sm text-sidebar-foreground hover:text-white transition px-3 py-1.5">
Log in Log in
</Link> </Link>
<Link href="/signup" className="font-sans text-sm bg-primary text-white px-4 py-1.5 rounded hover:bg-primary/90 transition"> <Link href="/signup" className="font-sans text-sm bg-primary text-white px-3 py-1.5 rounded hover:bg-primary/90 transition whitespace-nowrap">
Get Started Get Started
</Link> </Link>
</div> </div>