From 158f1226785e53721eb5dd4a28109b4ca0cea8e5 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Wed, 7 Jan 2026 13:12:27 +0800
Subject: [PATCH] =?UTF-8?q?community=E5=A2=9E=E5=8A=A0=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Community/components/HeroPanel.js | 53 +++++++++++----------
 1 file changed, 28 insertions(+), 25 deletions(-)

diff --git a/src/views/Community/components/HeroPanel.js b/src/views/Community/components/HeroPanel.js
index 1f0d5a72..d9493591 100644
--- a/src/views/Community/components/HeroPanel.js
+++ b/src/views/Community/components/HeroPanel.js
@@ -1195,30 +1195,31 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading
         </DrawerContent>
       </Drawer>
 
-      {/* 相关股票详情抽屉 */}
-      <Drawer
+      {/* 相关股票弹窗 */}
+      <Modal
         isOpen={stocksDrawerVisible}
-        placement="right"
-        size="xl"
         onClose={() => {
           setStocksDrawerVisible(false);
           setExpandedReasons({});
         }}
+        size="6xl"
+        scrollBehavior="inside"
       >
-        <DrawerOverlay bg="blackAlpha.600" />
-        <DrawerContent
+        <ModalOverlay bg="blackAlpha.700" backdropFilter={GLASS_BLUR.sm} />
+        <ModalContent
+          maxW="1100px"
+          maxH="85vh"
           bg="linear-gradient(135deg, rgba(15,15,30,0.98) 0%, rgba(25,25,50,0.98) 100%)"
-          borderLeft="1px solid rgba(255,215,0,0.2)"
-          maxW="1000px"
+          border="1px solid rgba(255,215,0,0.2)"
+          borderRadius="2xl"
         >
-          <DrawerCloseButton color="whiteAlpha.600" />
-          <DrawerHeader borderBottom="1px solid rgba(255,215,0,0.2)" color="white">
+          <ModalHeader borderBottom="1px solid rgba(255,215,0,0.2)" py={4}>
             <HStack spacing={3}>
               <StockOutlined style={{ color: '#FFD700', fontSize: '20px' }} />
               <VStack align="start" spacing={0}>
-                <Text fontSize="lg">相关股票</Text>
+                <Text fontSize="lg" color="white">相关股票</Text>
                 {selectedEventTitle && (
-                  <Text fontSize="sm" color="whiteAlpha.600" fontWeight="normal" noOfLines={1} maxW="600px">
+                  <Text fontSize="sm" color="whiteAlpha.600" fontWeight="normal" noOfLines={1} maxW="800px">
                     {selectedEventTitle}
                   </Text>
                 )}
@@ -1228,25 +1229,27 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading
               </Badge>
               {stockQuotesLoading && <Spin size="small" />}
             </HStack>
-          </DrawerHeader>
-          <DrawerBody py={4} className="hero-panel-modal">
+          </ModalHeader>
+          <ModalCloseButton color="whiteAlpha.600" />
+          <ModalBody py={4} className="hero-panel-modal">
             {selectedEventStocks && selectedEventStocks.length > 0 ? (
-              <Table
-                dataSource={selectedEventStocks}
-                columns={stockColumns}
-                rowKey={(record) => record.code}
-                size="middle"
-                pagination={false}
-                scroll={{ y: 500 }}
-              />
+              <Box maxH="calc(85vh - 120px)" overflowY="auto">
+                <Table
+                  dataSource={selectedEventStocks}
+                  columns={stockColumns}
+                  rowKey={(record) => record.code}
+                  size="middle"
+                  pagination={false}
+                />
+              </Box>
             ) : (
               <Center h="200px">
                 <Text color="whiteAlpha.500">暂无相关股票</Text>
               </Center>
             )}
-          </DrawerBody>
-        </DrawerContent>
-      </Drawer>
+          </ModalBody>
+        </ModalContent>
+      </Modal>
     </>
   );
 };