zojgame/IRTH-Touch
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

aboutComplex page done

Browse Source
This commit is contained in:
zojgame
2024-06-11 16:43:00 +05:00
parent 2736b0b7c3
commit 3dd52777be
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/aboutComplex/RoveHomeSlider.tsx
+1 -1
View File
@@ -135,7 +135,7 @@ const RoveHomeSlider = () => {
alt="" alt=""
className="select-none pointer-events-none xl:aspect-video sm:aspect-[7.6/10] aspect-video object-cover xl:h-auto" className="select-none pointer-events-none xl:aspect-video sm:aspect-[7.6/10] aspect-video object-cover xl:h-auto"
/> />
<div className="flex p-4 flex-col gap-3 bg-white rounded-ee-2xl rounded-es-2xl sm:w-full w-[calc(100vw-32px)] h-full sm:hidden"> <div className="flex p-4 flex-col gap-3 bg-white rounded-ee-2xl rounded-es-2xl sm:hidden sm:w-full w-[calc(100vw-32px)] h-full">
<h2 className="text-[#00BED7] font-semibold text-subheadline-m"> <h2 className="text-[#00BED7] font-semibold text-subheadline-m">
{slide.title} {slide.title}
</h2> </h2>
src/pages/AboutComplex.tsx
+3 -3
View File
@@ -126,7 +126,7 @@ const AboutComplex = () => {
} grid grid-cols-12`} } grid grid-cols-12`}
> >
<div className="flex px-6 py-4 col-span-full h-16 relative"> <div className="flex px-6 py-4 col-span-full h-16 relative">
<div className="fixed z-50"> <div className="fixed z-[100]">
<Button <Button
text="Masterplan" text="Masterplan"
icon={<LeftArrowIcon />} icon={<LeftArrowIcon />}
@@ -166,10 +166,10 @@ const AboutComplex = () => {
ROVE AROUND THE CITY ROVE AROUND THE CITY
</div> </div>
<div className="xl:col-start-3 col-span-full grid grid-cols-10 gap-6"> <div className="xl:col-start-3 col-span-full grid grid-cols-10 gap-6">
<div className="xl:col-span-4 grid grid-cols-4 gap-4 order-2 xl:order-1 col-span-full"> <div className="xl:col-span-4 xl:grid grid-cols-4 gap-4 order-2 xl:order-1 col-span-full flex flex-nowrap overflow-x-scroll">
{roveAroundTheCity.map((item) => ( {roveAroundTheCity.map((item) => (
<div <div
className="xl:col-span-2 sm:col-span-1 col-span-2 bg-white rounded-lg flex flex-col p-3" className="xl:col-span-2 sm:col-span-1 col-span-2 bg-white rounded-lg flex flex-col p-3 sm:min-w-[calc(25vw-24px)] min-w-[calc(50vw-30px)]"
key={item.id} key={item.id}
> >
<div className="flex gap-1 items-center"> <div className="flex gap-1 items-center">