fix(timeline): پر شدن خط با ورود کارت پایانی به دید کامل میشود — دیگر هیچوقت بالای کارت معلق نمیماند؛ انتهای گرادیان پررنگتر
This commit is contained in:
@@ -58,7 +58,7 @@ export function Timeline() {
|
||||
const ref = useRef<HTMLOListElement>(null)
|
||||
const { scrollYProgress } = useScroll({
|
||||
target: ref,
|
||||
offset: ['start 70%', 'end 92%'],
|
||||
offset: ['start 70%', 'end 100%'],
|
||||
})
|
||||
const scaleY = useTransform(scrollYProgress, [0, 1], [0, 1])
|
||||
|
||||
@@ -86,7 +86,7 @@ export function Timeline() {
|
||||
{/* خط متحرک - عرض 2px و همراستایی دقیق با مرکز */}
|
||||
<motion.span
|
||||
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 }}
|
||||
/>
|
||||
{timeline.map((item, i) => (
|
||||
|
||||
Reference in New Issue
Block a user