fix(nav): هایلایت «خانه» فقط روی صفحهٔ اصلی

NavLink برای «خانه» (مسیر / و /en) چون پیشوند همهٔ مسیرهاست، در هر صفحه‌ای
active می‌ماند (در انگلیسی واضح بود: Home و Projects همزمان روشن).
با end={item.href === '/'} دقیق شد — بقیهٔ آیتم‌ها مثل Projects روی
صفحه‌های جزئیات همچنان فعال می‌مانند (رفتار درست).
This commit is contained in:
aramesh-site deploy
2026-10-10 22:14:46 +00:00
parent 7897efd975
commit e84cd0fe13
+6
View File
@@ -66,6 +66,9 @@ export function Header() {
<li> <li>
<NavLink <NavLink
to={href(item.href)} to={href(item.href)}
// خانه دقیقاً روی «/» فعال شود — وگرنه پیشوند همهٔ مسیرهاست
// و «خانه» در همهٔ صفحه‌ها روشن می‌ماند
end={item.href === "/"}
className={({ isActive }) => className={({ isActive }) =>
`group relative py-2 text-[0.95rem] font-light transition-colors duration-200 ease-lux hover:text-copper [text-shadow:_0_2px_4px_rgba(0,0,0,0.6)] ${ `group relative py-2 text-[0.95rem] font-light transition-colors duration-200 ease-lux hover:text-copper [text-shadow:_0_2px_4px_rgba(0,0,0,0.6)] ${
isActive ? "text-copper font-normal" : "text-ivory/80" isActive ? "text-copper font-normal" : "text-ivory/80"
@@ -137,6 +140,9 @@ export function Header() {
<li> <li>
<NavLink <NavLink
to={href(item.href)} to={href(item.href)}
// خانه دقیقاً روی «/» فعال شود — وگرنه پیشوند همهٔ مسیرهاست
// و «خانه» در همهٔ صفحه‌ها روشن می‌ماند
end={item.href === "/"}
className={({ isActive }) => className={({ isActive }) =>
`block border-b border-ivory/5 py-3 text-base font-light transition-colors duration-200 ease-lux ${ `block border-b border-ivory/5 py-3 text-base font-light transition-colors duration-200 ease-lux ${
isActive ? "text-copper" : "text-ivory/80" isActive ? "text-copper" : "text-ivory/80"