community增加事件详情

src/views/Community/components/HeroPanel.js

@@ -160,9 +160,11 @@ const animations = `
     scrollbar-width: thin;
     scrollbar-color: rgba(255, 215, 0, 0.4) rgba(255, 255, 255, 0.05);
   }
-  /* Firefox 滚动条 */
-  .sector-stocks-table-wrapper .ant-table-body {
+
+  /* 相关股票表格滚动 */
+  .related-stocks-table-wrapper .ant-table-body {
     scrollbar-width: thin;
+    scrollbar-color: rgba(255, 215, 0, 0.4) rgba(255, 255, 255, 0.05);
   }
 
   /* Tag 样式优化 */
@@ -2017,13 +2019,25 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading
           <ModalCloseButton color="whiteAlpha.600" />
           <ModalBody py={4} className="hero-panel-modal">
             {selectedEventStocks && selectedEventStocks.length > 0 ? (
-              <Box maxH="calc(85vh - 120px)" overflowY="auto">
+              <Box
+                className="related-stocks-table-wrapper"
+                sx={{
+                  /* Ant Design Table 内部滚动条样式 */
+                  '.ant-table-body': {
+                    '&::-webkit-scrollbar': { width: '8px', height: '8px' },
+                    '&::-webkit-scrollbar-track': { background: 'rgba(255,255,255,0.05)', borderRadius: '4px' },
+                    '&::-webkit-scrollbar-thumb': { background: 'rgba(255,215,0,0.4)', borderRadius: '4px' },
+                    '&::-webkit-scrollbar-thumb:hover': { background: 'rgba(255,215,0,0.6)' },
+                  },
+                }}
+              >
                 <Table
                   dataSource={selectedEventStocks}
                   columns={stockColumns}
                   rowKey={(record) => record.code}
                   size="middle"
                   pagination={false}
+                  scroll={{ y: 500 }}
                 />
               </Box>
             ) : (