Commit
serif wordmark and plain text nav in header
commit
ac59080
1 changed file with +9 and −18
modified src/components/site-header.tsx +9 −18
| @@ -1,4 +1,4 @@ | ||
| 1 | -import { GitCompareArrows, History, LogOut, Play, Sparkles } from 'lucide-react'; | |
| 1 | +import { GitCompareArrows, LogOut } from 'lucide-react'; | |
| 2 | 2 | import Link from 'next/link'; |
| 3 | 3 | import { auth, signIn, signOut } from '@/auth'; |
| 4 | 4 | import { KeyButton } from '@/components/key-button'; |
| @@ -13,23 +13,15 @@export async function SiteHeader() { | ||
| 13 | 13 | return ( |
| 14 | 14 | <header className="sticky top-0 z-40 w-full border-b bg-background/80 backdrop-blur supports-[backdrop-filter]:bg-background/60"> |
| 15 | 15 | <div className="container flex h-14 items-center gap-4"> |
| 16 | - <Link href="/" className="flex items-center gap-2 font-semibold"> | |
| 16 | + <Link href="/" className="flex items-center gap-2"> | |
| 17 | 17 | <GitCompareArrows className="h-5 w-5 text-primary" /> |
| 18 | - <span className="tracking-tight">Roundtable</span> | |
| 18 | + <span className="font-display text-[17px] font-semibold tracking-tight">Roundtable</span> | |
| 19 | 19 | </Link> |
| 20 | 20 | |
| 21 | - <nav className="ml-2 hidden items-center gap-1 text-sm md:flex"> | |
| 22 | - <NavLink href="/debate" icon={<Sparkles className="h-4 w-4" />}> | |
| 23 | - New debate | |
| 24 | - </NavLink> | |
| 25 | - <NavLink href="/demo" icon={<Play className="h-4 w-4" />}> | |
| 26 | - Demo | |
| 27 | - </NavLink> | |
| 28 | - {user && ( | |
| 29 | - <NavLink href="/history" icon={<History className="h-4 w-4" />}> | |
| 30 | - History | |
| 31 | - </NavLink> | |
| 32 | - )} | |
| 21 | + <nav className="ml-4 hidden items-center gap-1 text-sm md:flex"> | |
| 22 | + <NavLink href="/debate">New debate</NavLink> | |
| 23 | + <NavLink href="/demo">Demo</NavLink> | |
| 24 | + {user && <NavLink href="/history">History</NavLink>} | |
| 33 | 25 | </nav> |
| 34 | 26 | |
| 35 | 27 | <div className="ml-auto flex items-center gap-1"> |
| @@ -65,13 +57,12 @@export async function SiteHeader() { | ||
| 65 | 57 | ); |
| 66 | 58 | } |
| 67 | 59 | |
| 68 | -function NavLink({ href, icon, children }: { href: string; icon: React.ReactNode; children: React.ReactNode }) { | |
| 60 | +function NavLink({ href, children }: { href: string; children: React.ReactNode }) { | |
| 69 | 61 | return ( |
| 70 | 62 | <Link |
| 71 | 63 | href={href} |
| 72 | - className="flex items-center gap-1.5 rounded-md px-3 py-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground" | |
| 64 | + className="rounded-md px-3 py-1.5 text-muted-foreground transition-colors hover:text-foreground" | |
| 73 | 65 | > |
| 74 | - {icon} | |
| 75 | 66 | {children} |
| 76 | 67 | </Link> |
| 77 | 68 | ); |