Fixed scroll indicators not being correctly positioned.

This commit is contained in:
Andrés Mora 2025-12-19 06:59:32 -05:00
parent aacf530b81
commit d82d9e9fa9
4 changed files with 18 additions and 17 deletions

View File

@ -173,7 +173,7 @@ export default function CulturePage() {
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ delay: 1 }} transition={{ delay: 1 }}
className="absolute bottom-8 left-1/2 -translate-x-1/2" className="absolute bottom-12 left-1/2 -translate-x-1/2"
> >
<motion.div <motion.div
animate={{ y: [0, 10, 0] }} animate={{ y: [0, 10, 0] }}

View File

@ -238,12 +238,14 @@ export default function Home() {
</AnimatedButton> </AnimatedButton>
</motion.div> </motion.div>
</motion.div>
{/* Scroll indicator */} {/* Scroll indicator */}
<motion.div <motion.div
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ delay: 1.5 }} transition={{ delay: 1.5 }}
className="absolute bottom-8 left-1/2 -translate-x-1/2" className="absolute bottom-12 left-1/2 -translate-x-1/2"
> >
<motion.div <motion.div
animate={{ y: [0, 10, 0] }} animate={{ y: [0, 10, 0] }}
@ -257,7 +259,6 @@ export default function Home() {
/> />
</motion.div> </motion.div>
</motion.div> </motion.div>
</motion.div>
</section> </section>
</div> </div>

View File

@ -194,7 +194,7 @@ export default function SustainabilityPage() {
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ delay: 1 }} transition={{ delay: 1 }}
className="absolute bottom-8 left-1/2 -translate-x-1/2" className="absolute bottom-12 left-1/2 -translate-x-1/2"
> >
<motion.div <motion.div
animate={{ y: [0, 10, 0] }} animate={{ y: [0, 10, 0] }}

View File

@ -164,7 +164,7 @@ export default function WhatWeDoPage() {
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ delay: 1 }} transition={{ delay: 1 }}
className="absolute bottom-8 left-1/2 -translate-x-1/2" className="absolute bottom-12 left-1/2 -translate-x-1/2"
> >
<motion.div <motion.div
animate={{ y: [0, 10, 0] }} animate={{ y: [0, 10, 0] }}