me/pi-ku
1
0
Fork 0
mirror of https://github.com/ramvignesh-b/pi-ku.git synced 2026-05-04 08:56:52 +00:00
Code Issues Actions 1 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>
<button <button
className={ 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"} type={"button"}
onClick={() => navigate(ROUTES.ONBOARD, { replace: true })} onClick={() => navigate(ROUTES.ONBOARD, { replace: true })}
@@ -349,14 +349,14 @@ export default function Home() {
</motion.div> </motion.div>
{/* Saajan */} {/* Saajan */}
<motion.div <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={{ style={{
opacity: useTransform( opacity: useTransform(
smoothProgress1, smoothProgress1,
[0.98, 0.995, 1], [0.98, 0.995, 1],
[0, 0.5, 1], [0, 0.5, 1],
), ),
y: useTransform(smoothProgress1, [0.98, 1], [50, 0]), y: useTransform(smoothProgress1, [0.98, 1], [50, -10]),
}} }}
> >
<Saajan <Saajan