me/pi-ku
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

style: add responsive offset for saajan in home

Browse Source
This commit is contained in:
ramvignesh-b
2026-05-01 02:02:27 +05:30
parent 34c6de47cc
commit e32c7a7982
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/Home.tsx
+3 -3
View File
@@ -291,7 +291,7 @@ export default function Home() {
</button>
<button
className={
"md:opacity-50 hover:opacity-100 btn btn-primary rounded-full btn-wide md:btn-xl md:grayscale hover:grayscale-0 hover:-translate-y-1 transition-all duration-1000"
"md:opacity-50 hover:opacity-100 btn rounded-full btn-primary btn-wide md:btn-xl md:grayscale hover:grayscale-0 hover:-translate-y-1 transition-all duration-1000"
}
type={"button"}
onClick={() => navigate(ROUTES.ONBOARD, { replace: true })}
@@ -349,14 +349,14 @@ export default function Home() {
</motion.div>
{/* Saajan */}
<motion.div
className="absolute bottom-0 -mb-18 z-10 font-sans"
className="fixed bottom-0 z-10 font-sans -mb-6 scale-85 md:scale-100 md:mb-0"
style={{
opacity: useTransform(
smoothProgress1,
[0.98, 0.995, 1],
[0, 0.5, 1],
),
y: useTransform(smoothProgress1, [0.98, 1], [50, 0]),
y: useTransform(smoothProgress1, [0.98, 1], [50, -10]),
}}
>
<Saajan