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

button center updated

Browse Source
This commit is contained in:
philipcheung
2025-11-04 13:17:57 +08:00
parent 8b60b0c9b6
commit 8dd83eed4f
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/new/buttons.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 200 KiB

After

Width:  |  Height:  |  Size: 200 KiB

10
src/components/new_ui/oilInfo.tsx
View File

@@ -52,8 +52,9 @@ function OilInfo() {
> >
<MotionBox <MotionBox
justifyItems={'center'} display="flex"
alignItems={'center'} justifyContent="center"
alignItems="center"
initial={{ opacity: 0, x: -50 }} initial={{ opacity: 0, x: -50 }}
animate={isMainInView ? { opacity: 1, x: 0 } : { opacity: 0, x: -50 }} animate={isMainInView ? { opacity: 1, x: 0 } : { opacity: 0, x: -50 }}
transition={{ duration: 0.6, delay: 0.4, ease: "easeOut" }} transition={{ duration: 0.6, delay: 0.4, ease: "easeOut" }}
@@ -69,8 +70,9 @@ function OilInfo() {
</MotionBox> </MotionBox>
<MotionBox <MotionBox
justifyItems={'center'} display="flex"
alignItems={'center'} justifyContent="center"
alignItems="center"
initial={{ opacity: 0, x: 50 }} initial={{ opacity: 0, x: 50 }}
animate={isMainInView ? { opacity: 1, x: 0 } : { opacity: 0, x: 50 }} animate={isMainInView ? { opacity: 1, x: 0 } : { opacity: 0, x: 50 }}
transition={{ duration: 0.6, delay: 0.8, ease: "easeOut" }} transition={{ duration: 0.6, delay: 0.8, ease: "easeOut" }}