diff --git a/src/components/olmap/SCADA/SCADADeviceList.tsx b/src/components/olmap/SCADA/SCADADeviceList.tsx index 4952435..ce8bcf3 100644 --- a/src/components/olmap/SCADA/SCADADeviceList.tsx +++ b/src/components/olmap/SCADA/SCADADeviceList.tsx @@ -814,8 +814,12 @@ const SCADADeviceList: React.FC = ({ variant="persistent" hideBackdrop sx={{ - width: isExpanded ? 360 : 0, - flexShrink: 0, + position: "absolute", + inset: 0, + width: "100%", + height: "100%", + overflow: "hidden", + pointerEvents: "none", "& .MuiDrawer-paper": { width: 360, height: "860px", @@ -828,8 +832,9 @@ const SCADADeviceList: React.FC = ({ "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)", backdropFilter: "blur(8px)", opacity: 0.95, - transition: "all 0.3s ease-in-out", + transition: "transform 0.3s ease-in-out, opacity 0.3s ease-in-out", border: "none", + pointerEvents: "auto", "&:hover": { opacity: 1, },