fix sonner

2026-03-11 17:47:51 +01:00
parent 7956b073e9
commit 03384c1bda
3 changed files with 56 additions and 53 deletions
@@ -69,6 +69,7 @@ function NavLinks({
  const t = useTranslations("navigation");
  const currentPath = stripLocalePrefix(pathname);
  const isArabic = locale === "ar";
+  const activeIndicatorLayoutId = mobile ? "mobile-site-nav-active-pill" : "site-nav-active-pill";

  return (
    <>
@@ -124,7 +125,11 @@ function NavLinks({
              onClick={onNavigate}
            >
              {isActive ? (
-                <span className="absolute inset-0 -z-10 rounded-pill bg-primary shadow-xs" />
+                <motion.span
+                  layoutId={activeIndicatorLayoutId}
+                  className="absolute inset-0 -z-10 rounded-pill bg-primary shadow-xs"
+                  transition={{ type: "spring", stiffness: 420, damping: 34, mass: 0.7 }}
+                />
              ) : null}
              {itemLabel}
            </Link>