fix sidebar description disappearing
This commit is contained in:
@@ -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]">
|
||||
|
||||
Reference in New Issue
Block a user