fix(timeline): کارت پایانی پایینتر مینشیند و پر شدن خط با رسیدن کارت کامل میشود — خط از دل دایره میگذرد
This commit is contained in:
@@ -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])
|
||||
|
||||
|
||||
Reference in New Issue
Block a user