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

other bowrser center problem fixed

Browse Source
This commit is contained in:
philipcheung
2025-11-02 21:47:32 +08:00
parent 144a362a16
commit c9931d670e
8 changed files with 53 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/new_ui/hero2.tsx
View File

@@ -13,7 +13,7 @@ function Hero2() {
>
<Stack gap={0}>
<Box
<Stack
position="relative"
w="100%"
minH={{ base: "115vw", sm: "115vw", md: "90vw", lg: "73vw", xl: "65vw" }}
@@ -28,10 +28,11 @@ function Hero2() {
<MotionImage
src="/images/new/hero2title.webp"
position={'absolute'}
left="50%"
top={{ base: "10px", sm: "50px", md: "50px", lg: "50px", xl: "50px" }}
w={{ base: "70vw", sm: "60vw", md: "50vw", lg: "35vw", xl: "35vw" }}
initial={{ opacity: 0, y: -30 }}
whileInView={{ opacity: 1, y: 0 }}
initial={{ opacity: 0, y: -30, x: '-50%' }}
whileInView={{ opacity: 1, y: 0, x: '-50%' }}
viewport={{ once: true, amount: 0.3 }}
transition={{ duration: 0.8, delay: 0.2 }}
/>
@@ -52,19 +53,20 @@ function Hero2() {
src="/images/new/oil.webp"
zIndex={0}
position={'absolute'}
left="50%"
bottom={{ base: -10, sm: -10, md: -20, lg: -20, xl: -20 }}
w={{ base: "80vw", sm: "70vw", md: "60vw", lg: "50vw", xl: "40vw" }}
initial={{ opacity: 0, y: 50 }}
whileInView={{ opacity: 1, y: 0 }}
initial={{ opacity: 0, y: 50, x: '-50%' }}
whileInView={{ opacity: 1, y: 0, x: '-50%' }}
viewport={{ once: true, amount: 0.3 }}
transition={{ duration: 0.8, delay: 0.5 }}
/>
</Box>
</Stack>
</Stack>
</Box>
</Box >
);
}
export default Hero2;