fix(nav): هایلایت «خانه» فقط روی صفحهٔ اصلی
NavLink برای «خانه» (مسیر / و /en) چون پیشوند همهٔ مسیرهاست، در هر صفحهای
active میماند (در انگلیسی واضح بود: Home و Projects همزمان روشن).
با end={item.href === '/'} دقیق شد — بقیهٔ آیتمها مثل Projects روی
صفحههای جزئیات همچنان فعال میمانند (رفتار درست).
This commit is contained in:
@@ -66,6 +66,9 @@ export function Header() {
|
||||
<li>
|
||||
<NavLink
|
||||
to={href(item.href)}
|
||||
// خانه دقیقاً روی «/» فعال شود — وگرنه پیشوند همهٔ مسیرهاست
|
||||
// و «خانه» در همهٔ صفحهها روشن میماند
|
||||
end={item.href === "/"}
|
||||
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)] ${
|
||||
isActive ? "text-copper font-normal" : "text-ivory/80"
|
||||
@@ -137,6 +140,9 @@ export function Header() {
|
||||
<li>
|
||||
<NavLink
|
||||
to={href(item.href)}
|
||||
// خانه دقیقاً روی «/» فعال شود — وگرنه پیشوند همهٔ مسیرهاست
|
||||
// و «خانه» در همهٔ صفحهها روشن میماند
|
||||
end={item.href === "/"}
|
||||
className={({ isActive }) =>
|
||||
`block border-b border-ivory/5 py-3 text-base font-light transition-colors duration-200 ease-lux ${
|
||||
isActive ? "text-copper" : "text-ivory/80"
|
||||
|
||||
Reference in New Issue
Block a user