inmake/irth-new-client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix layout

Browse Source
This commit is contained in:
c00b3r
2025-05-21 19:18:20 +05:00
parent 42aaaa7aea
commit 74039a6c4b
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/SliderMobile.tsx
+1 -1
View File
@@ -82,7 +82,7 @@ function SliderMobile() {
<Slider categoryName='Community' />
</motion.div>
<motion.div
className='sticky h-full top-[18vw] flex flex-col gap-[6.667vw] z-3 bg-white'
className='sticky h-full top-[18vw] flex flex-col gap-[6.667vw] z-1 bg-white'
style={{ opacity: opacityFourthSlide }}
>
<div className='h-[2px] bg-gray-300 w-full'></div>
src/pages/AboutComplexPage.tsx
+4 -4
View File
@@ -56,7 +56,7 @@ function AboutComplexPage() {
return (
<div className='relative bg-white' ref={containerRef}>
<motion.section
className='md:h-[calc(100dvh-4.444vw)] w-full bg-white text-black 2xl:fixed top-[4.444vw] left-0 right-0 z-0 max-md:top-[15.556vw]]
className='md:h-[calc(100dvh-4.444vw)] w-full bg-white text-black md:fixed top-[4.444vw] left-0 right-0 z-0 max-md:top-[15.556vw]]
max-md:bg-[url(/images/about-complex/dubai-marina/tower-mobile.png)] max-md:bg-cover max-md:bg-top max-md:bg-no-repeat max-md:aspect-[360/584]'
style={{
opacity: width > 768 ? firstSectionOpacity : 1,
@@ -66,7 +66,7 @@ function AboutComplexPage() {
<img
src='/images/about-complex/dubai-marina/tower.jpg'
alt='dubai marina about'
className='h-full w-full object-cover object-top max-md:hidden'
className='h-full w-full object-contain object-bottom max-md:hidden'
/>
<img
src='/images/about-complex/dubai-marina/logo.png'
@@ -129,11 +129,11 @@ function AboutComplexPage() {
and social lifestyle.`}
</p>
</div>
<div className='flex gap-[0.556vw] mt-[0.833vw] 2xl:h-[26.667vw] max-md:pl-[4.444vw] max-md:pr-[2vw] max-md:gap-[2.222vw] max-md:snap-x max-md:py-[6.667vw] max-md:overflow-x-auto max-md:self-start max-md:w-screen max-md:-ml-[4.444vw] '>
<div className='flex gap-[0.556vw] mt-[0.833vw] 2xl:h-[26.667vw] max-md:pl-[4.444vw] max-md:pr-[2vw] max-md:gap-[2.222vw] max-md:snap-x max-md:py-[6.667vw] max-md:overflow-x-auto max-md:self-start max-md:w-screen max-md:-ml-[4.444vw] '>
{dubaiMarinaFeatures.map((feature) => (
<div
key={feature.name}
className={`rounded-3xl flex-1 2xl:h-[26.667vw] w-full flex flex-col items-center py-[1.667vw] justify-end bg-cover bg-center bg-no-repeat relative before:absolute before:inset-0 before:bg-[#0D1922]/10 before:z-2 before:rounded-3xl
className={`rounded-3xl flex-1 md:h-[26.667vw] w-full flex flex-col items-center py-[1.667vw] justify-end bg-cover bg-center bg-no-repeat relative before:absolute before:inset-0 before:bg-[#0D1922]/10 before:z-1 before:rounded-3xl
max-md:w-[91.111vw] max-md:flex-none aspect-[268/384] max-md:aspect-[328/287] max-md:snap-always max-md:snap-center max-md:py-[4.444vw]`}
style={{
backgroundImage: `url(${feature.image})`,