事件中心ui

src/views/Community/components/DynamicNewsDetail/MiniKLineChart.js

@@ -163,7 +163,7 @@ const MiniKLineChart = React.memo(function MiniKLineChart({ stockCode, eventTime
             style={{
                 width: '100%',
                 height: '100%',
-                minHeight: '40px',
+                minHeight: '35px',
                 cursor: onClick ? 'pointer' : 'default'
             }}
             onClick={onClick}

src/views/Community/components/DynamicNewsDetail/StockListItem.js

@@ -189,7 +189,7 @@ const StockListItem = ({
           </HStack>
         </VStack>
 
-        {/* 分时图 - 响应式宽度 */}
+        {/* 分时图 - 紧凑高度 */}
         <VStack
           minW="150px"
           maxW="180px"
@@ -197,7 +197,8 @@ const StockListItem = ({
           borderWidth="1px"
           borderColor={useColorModeValue('blue.100', 'blue.700')}
           borderRadius="md"
-          p={2}
+          px={2}
+          py={1}
           bg={useColorModeValue('blue.50', 'blue.900')}
           onClick={(e) => {
             e.stopPropagation();
@@ -206,7 +207,8 @@ const StockListItem = ({
           cursor="pointer"
           flexShrink={1}
           align="stretch"
-          spacing={1}
+          spacing={0}
+          h="fit-content"
           _hover={{
             borderColor: useColorModeValue('blue.300', 'blue.500'),
             boxShadow: 'md',
@@ -219,10 +221,11 @@ const StockListItem = ({
             color={useColorModeValue('blue.700', 'blue.200')}
             fontWeight="semibold"
             whiteSpace="nowrap"
+            mb={0.5}
           >
             📈 分时
           </Text>
-          <Box h="50px" flex="1">
+          <Box h="35px">
             <MiniTimelineChart
               stockCode={stock.stock_code}
               eventTime={eventTime}
@@ -230,7 +233,7 @@ const StockListItem = ({
           </Box>
         </VStack>
 
-        {/* K线图 - 响应式宽度 */}
+        {/* K线图 - 紧凑高度 */}
         <VStack
           minW="150px"
           maxW="180px"
@@ -238,7 +241,8 @@ const StockListItem = ({
           borderWidth="1px"
           borderColor={useColorModeValue('purple.100', 'purple.700')}
           borderRadius="md"
-          p={2}
+          px={2}
+          py={1}
           bg={useColorModeValue('purple.50', 'purple.900')}
           onClick={(e) => {
             e.stopPropagation();
@@ -247,7 +251,8 @@ const StockListItem = ({
           cursor="pointer"
           flexShrink={1}
           align="stretch"
-          spacing={1}
+          spacing={0}
+          h="fit-content"
           _hover={{
             borderColor: useColorModeValue('purple.300', 'purple.500'),
             boxShadow: 'md',
@@ -260,10 +265,11 @@ const StockListItem = ({
             color={useColorModeValue('purple.700', 'purple.200')}
             fontWeight="semibold"
             whiteSpace="nowrap"
+            mb={0.5}
           >
             📊 日线
           </Text>
-          <Box h="50px" flex="1">
+          <Box h="35px">
             <MiniKLineChart
               stockCode={stock.stock_code}
               eventTime={eventTime}

src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js

@@ -167,7 +167,7 @@ const MiniTimelineChart = React.memo(function MiniTimelineChart({ stockCode, eve
             style={{
                 width: '100%',
                 height: '100%',
-                minHeight: '40px',
+                minHeight: '35px',
                 cursor: onClick ? 'pointer' : 'default'
             }}
             onClick={onClick}