From c8caba1453ee94277123a71d24de1b74570248a0 Mon Sep 17 00:00:00 2001
From: JIANG <huarch97@gmail.com>
Date: Tue, 4 Nov 2025 11:44:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=9D=A2=E6=9D=BF=E6=94=B6?=
 =?UTF-8?q?=E8=B5=B7=E6=97=B6=E5=BD=B1=E5=93=8D=E9=A1=B5=E9=9D=A2=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/olmap/SCADADataPanel.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/olmap/SCADADataPanel.tsx b/src/components/olmap/SCADADataPanel.tsx
index 70ad401..468463c 100644
--- a/src/components/olmap/SCADADataPanel.tsx
+++ b/src/components/olmap/SCADADataPanel.tsx
@@ -572,6 +572,7 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
         <Box
           className="absolute top-20 right-4 bg-white shadow-2xl rounded-lg cursor-pointer hover:shadow-xl transition-all duration-300 opacity-95 hover:opacity-100"
           onClick={() => setIsExpanded(true)}
+          sx={{ zIndex: 1300 }}
         >
           <Box className="flex flex-col items-center py-3 px-3 gap-1">
             <ShowChart className="text-[#257DD4] w-5 h-5" />
@@ -594,7 +595,7 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
         variant="persistent"
         hideBackdrop
         sx={{
-          width: isExpanded ? drawerWidth : 0,
+          width: 0,
           flexShrink: 0,
           "& .MuiDrawer-paper": {
             width: "min(920px, calc(100vw - 2rem))",
@@ -608,7 +609,7 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
               "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",
             "&:hover": {
               opacity: 1,