diff --git a/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js b/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js index 383d0be7..24dea4ff 100644 --- a/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js +++ b/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js @@ -84,32 +84,33 @@ const TimelineEventItem = React.memo(({ event, isSelected, onEventClick, isHot } w="100%" cursor="pointer" onClick={() => onEventClick?.(event)} - _hover={{ bg: "rgba(255, 255, 255, 0.05)" }} + _hover={{ bg: "rgba(255, 255, 255, 0.06)" }} borderRadius="md" transition="all 0.15s" bg={isSelected ? "rgba(66, 153, 225, 0.15)" : "transparent"} - py={1} + py={2} + px={1} > {/* 左侧时间 */} {formatEventTime(event.created_at || event.event_time)} {/* 右侧内容 */} - + {event.title} @@ -118,11 +119,11 @@ const TimelineEventItem = React.memo(({ event, isSelected, onEventClick, isHot } {/* 涨跌幅 */} {hasChange && ( {isPositive ? "+" : ""} @@ -208,8 +209,8 @@ const MainlineCard = React.memo( borderColor={COLORS.cardBorderColor} borderTopWidth="3px" borderTopColor={`${colorScheme}.500`} - minW={isExpanded ? "280px" : "200px"} - maxW={isExpanded ? "320px" : "240px"} + minW={isExpanded ? "320px" : "280px"} + maxW={isExpanded ? "380px" : "320px"} h="100%" display="flex" flexDirection="column" @@ -291,7 +292,7 @@ const MainlineCard = React.memo( {hotEvent && ( - + HOT {/* HOT 事件标题 */} {hotEvent.title} {/* HOT 事件涨幅 */} {(hotEvent.related_max_chg ?? hotEvent.related_avg_chg) != null && (