Update high-quality images for desktop and remove mobile images from the project to streamline resources and improve loading performance.
This commit is contained in:
@@ -99,7 +99,7 @@ function UnitTypeItem({ project, type }: UnitTypeItemProps) {
|
||||
) : (
|
||||
type.interiors.map((interior, index) => (
|
||||
<UnitSliderItem text={`interior ${index + 1}`} key={index}>
|
||||
<img src={interior} alt="" className="size-full object-cover" />
|
||||
<img src={interior} alt="" className="object-cover size-full" />
|
||||
</UnitSliderItem>
|
||||
))
|
||||
)}
|
||||
@@ -108,7 +108,7 @@ function UnitTypeItem({ project, type }: UnitTypeItemProps) {
|
||||
<div className="2xl:space-y-[1.667vw] space-y-6">
|
||||
<div className="flex justify-between items-start">
|
||||
<div className="flex flex-col 2xl:gap-y-[0.556vw] gap-y-2">
|
||||
<p className="md:text-h3 text-h4 font-medium">{type.name}</p>
|
||||
<p className="font-medium md:text-h3 text-h4">{type.name}</p>
|
||||
<p className="2xl:rounded-[1.667vw] rounded-3xl 2xl:px-[0.833vw] 2xl:py-[0.278vw] px-3 py-1 ring-[0.069vw] ring-[#E2E2DC] opacity-70 text-caption-m w-fit">
|
||||
Up to {type.area}
|
||||
</p>
|
||||
@@ -124,11 +124,11 @@ function UnitTypeItem({ project, type }: UnitTypeItemProps) {
|
||||
<div className="flex items-center 2xl:gap-[0.556vw]">
|
||||
{type.wing && (
|
||||
<>
|
||||
<p className="text-s opacity-70">{type.wing}</p>
|
||||
<p className="opacity-70 text-s">{type.wing}</p>
|
||||
<div className="2xl:w-[0.278vw] 2xl:h-[0.278vw] w-1 h-1 rounded-full bg-[#E2E2DC]" />
|
||||
</>
|
||||
)}
|
||||
<p className="text-s opacity-70">{type.floors}</p>
|
||||
<p className="opacity-70 text-s">{type.floors}</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr className="w-full border-[#E2E2DC] 2xl:h-[0.069vw] h-px" />
|
||||
@@ -138,7 +138,7 @@ function UnitTypeItem({ project, type }: UnitTypeItemProps) {
|
||||
className="2xl:p-[1.111vw] p-4 2xl:rounded-[1.111vw] text-left rounded-2xl flex items-center gap-[0.556vw] ring-[0.069vw] ring-[#E2E2DC] cursor-pointer w-full"
|
||||
>
|
||||
<div className="lg:space-y-[0.278vw] space-y-1 flex-1">
|
||||
<p className="text-h5 font-medium">{type.video.title}</p>
|
||||
<p className="font-medium text-h5">{type.video.title}</p>
|
||||
<p className="text-s text-[#00BED7]">{type.video.desc}</p>
|
||||
</div>
|
||||
<div className="2xl:size-[1.389vw] size-5">
|
||||
|
||||
Reference in New Issue
Block a user