fix sidebar description disappearing

This commit is contained in:
2024-05-13 13:13:12 +05:00
parent d1b4f98429
commit 2b2c0b785d
3 changed files with 20 additions and 7 deletions
@@ -4,11 +4,14 @@ import FloorWestWingLayout from "./FloorWestWingLayout";
interface IFloorSidebarProps {
currentFloor: IDesctiptionFloor | null;
onMouseEnter: () => void;
}
const FloorSidebar = ({ currentFloor }: IFloorSidebarProps) => {
const FloorSidebar = ({ currentFloor, onMouseEnter }: IFloorSidebarProps) => {
return (
<div className="absolute h-full right-0 w-full z-20 bg-[#F3F3F2] p-6 flex flex-col top-[56px] ">
<div
className="absolute h-full right-0 w-full z-20 bg-[#F3F3F2] p-6 flex flex-col top-[56px] "
onMouseOver={onMouseEnter}
>
<div className="flex justify-between pb-4">
<div className="flex flex-col">
<h1 className="text-subheadline-m font-semibold text-[#0D1922]">
@@ -153,13 +153,16 @@ const SequenceWing = () => {
className=" absolute h-[calc(100vh-56px)] right-0 w-1/2 duration-300 transition-all "
style={{ right: `${isFloorSidebar ? "0" : "-50%"}` }}
>
<FloorSidebar currentFloor={currentFloor} />
<FloorSidebar
currentFloor={currentFloor}
onMouseEnter={handleOnWingWrapperMouseLeave}
/>
</div>
<div
className=" absolute h-[calc(100vh-56px)] right-0 w-1/2 duration-300 transition-all"
style={{ right: `${isSkygardenSidebar ? "0" : "-50%"}` }}
>
<SkygardenSidebar />
<SkygardenSidebar onMouseEnter={handleOnWingWrapperMouseLeave} />
</div>
<div
@@ -20,9 +20,16 @@ import ActivityCard from "./ActivityCard";
import ZoneSlider from "./ZoneSlider";
import LayoutSlider from "./LayoutSlider";
const SkygardenSidebar = () => {
interface ISkygardenSidebarProps {
onMouseEnter: () => void;
}
const SkygardenSidebar = ({ onMouseEnter }: ISkygardenSidebarProps) => {
return (
<div className="absolute h-full right-0 w-full z-30 bg-[#F3F3F2] py-6 flex flex-col top-[56px]">
<div
className="absolute h-full right-0 w-full z-30 bg-[#F3F3F2] py-6 flex flex-col top-[56px]"
onMouseOver={onMouseEnter}
>
<div className="flex justify-between pb-2 border-b border-b-[#E2E2DC] mx-6">
<div className="flex flex-col ">
<h1 className="text-subheadline-m font-semibold text-[#0D1922]">