map fix
This commit is contained in:
@@ -5,20 +5,20 @@ import { IDesctiptionFloor } from "../../types/descriptionFloor";
|
||||
interface FloorDescriptionProps {
|
||||
descriptionFloor: IDesctiptionFloor | null;
|
||||
floorApartments: IAparmentRes[];
|
||||
isLeft: boolean;
|
||||
}
|
||||
|
||||
const FloorDescription = ({
|
||||
descriptionFloor,
|
||||
floorApartments,
|
||||
isLeft,
|
||||
}: FloorDescriptionProps) => {
|
||||
const { isSidebar } = useWingSidebar();
|
||||
return (
|
||||
<>
|
||||
<div
|
||||
className={`bg-white rounded-2xl p-6 flex flex-col gap-4 w-[364px] absolute left-[414px] transition-opacity duration-300 desc-shadow ${
|
||||
isSidebar && descriptionFloor?.wing === "West Wing"
|
||||
? "opacity-100"
|
||||
: "opacity-100"
|
||||
isSidebar ? "opacity-0" : "opacity-100"
|
||||
}`}
|
||||
>
|
||||
<div className="relative">
|
||||
@@ -101,7 +101,11 @@ const FloorDescription = ({
|
||||
<p className="text-s text-[#0D1922] text-nowrap">Unvailiable</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-0 h-0 border-t-0 border-r-[7px] border-b-[12px] border-l-[7px] border-transparent border-b-white -rotate-90 absolute top-0 -left-[35px]"></div>
|
||||
<div
|
||||
className={`w-0 h-0 border-t-0 border-r-[7px] border-b-[12px] border-l-[7px] border-transparent border-b-white absolute top-0 ${
|
||||
!isLeft ? "-left-[35px] -rotate-90" : "-right-[35px] rotate-90"
|
||||
} `}
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user