Remove locale switch jump from header nav

2026-03-10 18:11:39 +01:00
parent 4b86e9cb2c
commit 743f6746e0
1 changed files with 5 additions and 6 deletions
@@ -84,11 +84,7 @@ function NavLinks({
              onClick={onNavigate}
            >
              {isActive ? (
-                <motion.span
-                  layoutId={`site-header-active-tab-${locale}`}
-                  className="absolute inset-0 -z-10 rounded-pill bg-primary shadow-xs"
-                  transition={{ type: "spring", stiffness: 380, damping: 30 }}
-                />
+                <span className="absolute inset-0 -z-10 rounded-pill bg-primary shadow-xs" />
              ) : null}
              {t(item.key)}
            </Link>
@@ -233,7 +229,10 @@ export function SiteHeader({
              initial={false}
              animate={isScrolled ? { y: -1, scale: 0.985 } : { y: 0, scale: 1 }}
              transition={reducedMotion ? { duration: 0 } : { duration: 0.3, ease: [0.22, 1, 0.36, 1] }}
-              className="inline-flex min-w-[31rem] items-center justify-center gap-1 rounded-pill border border-border/70 bg-background/80 p-1.5 backdrop-blur-chrome"
+              className={cn(
+                "inline-flex items-center gap-1 rounded-pill border border-border/70 bg-background/80 p-1.5 backdrop-blur-chrome",
+                isArabic ? "w-auto max-w-none" : "min-w-[27rem] max-w-[42rem]",
+              )}
            >
              <NavLinks />
            </motion.nav>