fix(scada): align device panel collapse animation

2026-07-17 14:25:03 +08:00
parent 4adbcc1c4c
commit 59447a100c
1 changed files with 8 additions and 3 deletions
@@ -814,8 +814,12 @@ const SCADADeviceList: React.FC<SCADADeviceListProps> = ({
        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<SCADADeviceListProps> = ({
              "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,
            },