philip-cat
/
healthy_oil
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

remove best 5 animation

This commit is contained in:
philipcheung 2025-03-17 09:29:23 +08:00
parent f646f5c927
commit a9fb602079
1 changed files with 13 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/bestoil.tsx
View File

@ -68,31 +68,20 @@ function Bestoil() {
align={"center"} align={"center"}
direction={{ base: "column", sm: "column", md: "row" }} direction={{ base: "column", sm: "column", md: "row" }}
> >
<MotionBox
ref={bestOilRef}
initial={{ opacity: 0, x: -50 }}
justifyItems={"center"}
animate={isBestOilInView ? { opacity: 1, x: 0 } : { opacity: 0, x: -50 }}
transition={{ duration: 0.8 }}
>
<Image src="/images/best5.webp"
fit='contain'
w={{ base: "70%", sm: "80%", md: '350px', lg: '500px' }}
/>
</MotionBox>
<MotionBox <Image src="/images/best5.webp"
ref={oilChartRef} fit='contain'
initial={{ opacity: 0, x: 50 }} w={{ base: "70%", sm: "80%", md: '350px', lg: '500px' }}
animate={isOilChartInView ? { opacity: 1, x: 0 } : { opacity: 0, x: 50 }} />
transition={{ duration: 0.8 }}
justifyItems={"center"}
>
<Image src="/images/oilchart.webp"
fit='contain' <Image src="/images/oilchart.webp"
w={{ base: "80%", sm: "90%", md: '350px', lg: '500px' }} fit='contain'
/> w={{ base: "80%", sm: "90%", md: '350px', lg: '500px' }}
</MotionBox> />
</Flex> </Flex>
<Stack <Stack