community增加事件详情

src/views/Community/components/HeroPanel.js

@@ -1447,6 +1447,7 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading
         <ModalOverlay bg="blackAlpha.700" backdropFilter={GLASS_BLUR.sm} />
         <ModalContent
           maxW="1300px"
+          maxH="90vh"
           bg="linear-gradient(135deg, rgba(15,15,30,0.98) 0%, rgba(25,25,50,0.98) 100%)"
           border="1px solid rgba(255,215,0,0.2)"
           borderRadius="2xl"
@@ -1485,7 +1486,7 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading
           </ModalHeader>
           <ModalCloseButton color="whiteAlpha.600" _hover={{ color: 'white' }} size="lg" />
 
-          <ModalBody py={6} px={6} className="hero-panel-modal">
+          <ModalBody py={6} px={6} className="hero-panel-modal" overflow="auto">
             {loading ? (
               <Center h="300px">
                 <Spin size="large" tip="加载中..." />
@@ -2662,8 +2663,18 @@ const HeroPanel = () => {
           </HStack>
         </Flex>
 
-        {/* 综合日历 */}
+        {/* 综合日历区域 - 左侧1/3空白，右侧2/3日历 */}
-        <CombinedCalendar />
+        <Flex gap={6}>
+          {/* 左侧留白区域 - 占 1/3 */}
+          <Box flex="1" minW="0">
+            {/* 预留空间供后续使用 */}
+          </Box>
+
+          {/* 右侧日历区域 - 占 2/3 */}
+          <Box flex="2" minW="0">
+            <CombinedCalendar />
+          </Box>
+        </Flex>
       </CardBody>
     </Card>
   );