fix(nav): هایلایت «خانه» فقط روی صفحهٔ اصلی
NavLink برای «خانه» (مسیر / و /en) چون پیشوند همهٔ مسیرهاست، در هر صفحهای
active میماند (در انگلیسی واضح بود: Home و Projects همزمان روشن).
با end={item.href === '/'} دقیق شد — بقیهٔ آیتمها مثل Projects روی
صفحههای جزئیات همچنان فعال میمانند (رفتار درست).
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user