fix(timeline): کارت پایانی پایین‌تر می‌نشیند و پر شدن خط با رسیدن کارت کامل می‌شود — خط از دل دایره می‌گذرد

This commit is contained in:
aramesh-site deploy
2026-10-07 12:26:54 +00:00
parent 07570bd14a
commit bef132f82f
+2 -2
View File
@@ -15,7 +15,7 @@ function Item({ item, index, featured = false }: { item: Milestone; index: numbe
const onRight = index % 2 === 0
return (
<li ref={ref} className="relative md:grid md:grid-cols-2 md:gap-16">
<li ref={ref} className={`relative md:grid md:grid-cols-2 md:gap-16 ${featured ? 'mt-10 md:mt-16' : ''}`}>
{/* دایره‌ها: مرکز دایره در موبایل و دسکتاپ دقیقاً روی مرکز خط 2px است */}
<span
aria-hidden="true"
@@ -58,7 +58,7 @@ export function Timeline() {
const ref = useRef<HTMLOListElement>(null)
const { scrollYProgress } = useScroll({
target: ref,
offset: ['start 70%', 'end 72%'],
offset: ['start 70%', 'end 92%'],
})
const scaleY = useTransform(scrollYProgress, [0, 1], [0, 1])