Behrad/aramesh-backend
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
aramesh-site deploy
2026-10-07 12:26:54 +00:00
parent 07570bd14a
commit bef132f82f
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/home/Timeline.tsx
+2 -2
View File
@@ -15,7 +15,7 @@ function Item({ item, index, featured = false }: { item: Milestone; index: numbe
const onRight = index % 2 === 0 const onRight = index % 2 === 0
return ( 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 است */} {/* دایره‌ها: مرکز دایره در موبایل و دسکتاپ دقیقاً روی مرکز خط 2px است */}
<span <span
aria-hidden="true" aria-hidden="true"
@@ -58,7 +58,7 @@ export function Timeline() {
const ref = useRef<HTMLOListElement>(null) const ref = useRef<HTMLOListElement>(null)
const { scrollYProgress } = useScroll({ const { scrollYProgress } = useScroll({
target: ref, target: ref,
offset: ['start 70%', 'end 72%'], offset: ['start 70%', 'end 92%'],
}) })
const scaleY = useTransform(scrollYProgress, [0, 1], [0, 1]) const scaleY = useTransform(scrollYProgress, [0, 1], [0, 1])