From 1f6798a6e91e049bdec74a0a35e892ae70b9866d Mon Sep 17 00:00:00 2001
From: RanaBug <rana.khy@gmail.com>
Date: Wed, 26 Mar 2025 10:26:20 +0000
Subject: [PATCH] fix jumpy effect on tiles

---
 .../pillarx-app/components/AnimatedTile/AnimatedTitle.tsx    | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/apps/pillarx-app/components/AnimatedTile/AnimatedTitle.tsx b/src/apps/pillarx-app/components/AnimatedTile/AnimatedTitle.tsx
index 07af640a..8da4c4ba 100644
--- a/src/apps/pillarx-app/components/AnimatedTile/AnimatedTitle.tsx
+++ b/src/apps/pillarx-app/components/AnimatedTile/AnimatedTitle.tsx
@@ -32,8 +32,7 @@ const AnimatedTile = ({
   const tileDisplay = meta?.display;
 
   const [ref, inView] = useInView({
-    threshold: 0.2,
-    rootMargin: '75px 0px 0px 0px',
+    rootMargin: '100px 0px 0px 0px',
   });
 
   useEffect(() => {
@@ -53,7 +52,7 @@ const AnimatedTile = ({
 
   const animationProps = useSpring({
     transform:
-      inView && !isDataLoading ? 'translateY(0px)' : 'translateY(50px)',
+      inView && !isDataLoading ? 'translateY(0px)' : 'translateY(75px)',
     config: { tension: 170, friction: 26 },
     onRest: () => {
       if (inView) {