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:32:46 +00:00
parent 9dab4f929c
commit 82e33fb0e0
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
@@ -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 92%'], offset: ['start 70%', 'end 100%'],
}) })
const scaleY = useTransform(scrollYProgress, [0, 1], [0, 1]) const scaleY = useTransform(scrollYProgress, [0, 1], [0, 1])
@@ -86,7 +86,7 @@ export function Timeline() {
{/* خط متحرک - عرض 2px و همراستایی دقیق با مرکز */} {/* خط متحرک - عرض 2px و همراستایی دقیق با مرکز */}
<motion.span <motion.span
aria-hidden="true" aria-hidden="true"
className="absolute inset-y-0 right-0 w-[2px] origin-top bg-gradient-to-b from-copper/80 via-copper to-copper/20 shadow-[0_0_10px_rgba(197,143,92,0.5)] md:right-1/2 md:translate-x-1/2" className="absolute inset-y-0 right-0 w-[2px] origin-top bg-gradient-to-b from-copper/80 via-copper to-copper/55 shadow-[0_0_10px_rgba(197,143,92,0.5)] md:right-1/2 md:translate-x-1/2"
style={{ scaleY }} style={{ scaleY }}
/> />
{timeline.map((item, i) => ( {timeline.map((item, i) => (