update pay function

This commit is contained in:
2025-11-25 09:50:12 +08:00
parent de30755271
commit cc446fc0da

View File

@@ -15,7 +15,6 @@ import {
CircularProgress, CircularProgress,
Alert, Alert,
AlertIcon, AlertIcon,
Portal,
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import { stockService } from '@services/eventService'; import { stockService } from '@services/eventService';
@@ -471,43 +470,24 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
}); });
return ( return (
<Portal>
<Modal <Modal
isOpen={isOpen} isOpen={isOpen}
onClose={onClose} onClose={onClose}
size={size} size={size}
blockScrollOnMount={false} blockScrollOnMount={false}
isCentered
> >
<ModalOverlay <ModalOverlay
bg="blackAlpha.700" bg="blackAlpha.700"
sx={{ zIndex={overlayZIndex}
position: 'fixed !important',
zIndex: `${overlayZIndex} !important`,
top: '0 !important',
left: '0 !important',
width: '100vw !important',
height: '100vh !important',
margin: '0 !important',
}}
/> />
<ModalContent <ModalContent
maxW="90vw" maxW="90vw"
maxH="85vh" maxH="85vh"
bg="#1a1a1a" bg="#1a1a1a"
sx={{ zIndex={contentZIndex}
position: 'fixed !important', border="2px solid #ffd700"
zIndex: `${contentZIndex} !important`, boxShadow="0 0 30px rgba(255, 215, 0, 0.5)"
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"> <ModalHeader pb={3} borderBottomWidth="1px" borderColor="#404040">
<VStack align="flex-start" spacing={1}> <VStack align="flex-start" spacing={1}>
@@ -564,7 +544,6 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
</ModalBody> </ModalBody>
</ModalContent> </ModalContent>
</Modal> </Modal>
</Portal>
); );
}; };