mirror of
https://github.com/walkxcode/dashboard-icons.git
synced 2025-06-28 07:20:21 +08:00
86b89f5518
- Update UI with refined rose-themed styling throughout the site - Add mobile-responsive improvements to header and hero sections - Create new 'Recently Added Icons' component with animated cards - Improve icon details view with better visual hierarchy and theme indicators - Implement better hover effects and transitions for interactive elements - Add mobile menu for better navigation on smaller screens - Update license notice wording - Remove grid background in favor of refined blur effects
35 lines
862 B
TypeScript
35 lines
862 B
TypeScript
"use client"
|
|
|
|
import { cn } from "@/lib/utils"
|
|
import Link from "next/link"
|
|
import { usePathname } from "next/navigation"
|
|
|
|
export function HeaderNav() {
|
|
const pathname = usePathname()
|
|
const isIconsActive = pathname === "/icons" || pathname.startsWith("/icons/")
|
|
|
|
return (
|
|
<nav className="flex md:flex-row flex-col md:items-center items-start gap-4 md:gap-6">
|
|
<Link
|
|
href="/"
|
|
className={cn(
|
|
"text-sm font-medium transition-colors hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer",
|
|
pathname === "/" && "text-primary font-semibold",
|
|
)}
|
|
>
|
|
Home
|
|
</Link>
|
|
<Link
|
|
prefetch
|
|
href="/icons"
|
|
className={cn(
|
|
"text-sm font-medium transition-colors hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer",
|
|
isIconsActive && "text-primary font-semibold",
|
|
)}
|
|
>
|
|
Icons
|
|
</Link>
|
|
</nav>
|
|
)
|
|
}
|