From cc446fc0da45d17a669a81bc2bba262688777904 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Tue, 25 Nov 2025 09:50:12 +0800
Subject: [PATCH] update pay function

---
 src/components/StockChart/KLineChartModal.tsx | 57 ++++++-------------
 1 file changed, 18 insertions(+), 39 deletions(-)

diff --git a/src/components/StockChart/KLineChartModal.tsx b/src/components/StockChart/KLineChartModal.tsx
index 34df9082..dd684f72 100644
--- a/src/components/StockChart/KLineChartModal.tsx
+++ b/src/components/StockChart/KLineChartModal.tsx
@@ -15,7 +15,6 @@ import {
   CircularProgress,
   Alert,
   AlertIcon,
-  Portal,
 } from '@chakra-ui/react';
 import * as echarts from 'echarts';
 import { stockService } from '@services/eventService';
@@ -471,44 +470,25 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
   });
 
   return (
-    <Portal>
-      <Modal
-        isOpen={isOpen}
-        onClose={onClose}
-        size={size}
-        blockScrollOnMount={false}
+    <Modal
+      isOpen={isOpen}
+      onClose={onClose}
+      size={size}
+      blockScrollOnMount={false}
+      isCentered
+    >
+      <ModalOverlay
+        bg="blackAlpha.700"
+        zIndex={overlayZIndex}
+      />
+      <ModalContent
+        maxW="90vw"
+        maxH="85vh"
+        bg="#1a1a1a"
+        zIndex={contentZIndex}
+        border="2px solid #ffd700"
+        boxShadow="0 0 30px rgba(255, 215, 0, 0.5)"
       >
-        <ModalOverlay
-          bg="blackAlpha.700"
-          sx={{
-            position: 'fixed !important',
-            zIndex: `${overlayZIndex} !important`,
-            top: '0 !important',
-            left: '0 !important',
-            width: '100vw !important',
-            height: '100vh !important',
-            margin: '0 !important',
-          }}
-        />
-        <ModalContent
-          maxW="90vw"
-          maxH="85vh"
-          bg="#1a1a1a"
-          sx={{
-            position: 'fixed !important',
-            zIndex: `${contentZIndex} !important`,
-            top: '50% !important',
-            left: '50% !important',
-            transform: 'translate(-50%, -50%) !important',
-            margin: '0 !important',
-            opacity: '1 !important',
-            visibility: 'visible !important',
-            pointerEvents: 'auto !important',
-            border: '3px solid #ffd700 !important',  // 金色边框，非常明显
-            boxShadow: '0 0 50px rgba(255, 215, 0, 0.8) !important',  // 发光效果
-            backgroundColor: '#1a1a1a !important',
-          }}
-        >
         <ModalHeader pb={3} borderBottomWidth="1px" borderColor="#404040">
           <VStack align="flex-start" spacing={1}>
             <HStack spacing={3}>
@@ -564,7 +544,6 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
         </ModalBody>
       </ModalContent>
     </Modal>
-    </Portal>
   );
 };