diff --git a/src/views/Community/components/DynamicNewsCard/EventScrollList.js b/src/views/Community/components/DynamicNewsCard/EventScrollList.js index f216b187..5f181280 100644 --- a/src/views/Community/components/DynamicNewsCard/EventScrollList.js +++ b/src/views/Community/components/DynamicNewsCard/EventScrollList.js @@ -87,7 +87,7 @@ const EventScrollList = React.memo(({ h="100%" pt={0} pb={4} - px={mode === 'four-row' ? 0 : 2} + px={mode === 'four-row' ? 0 : { base: 0, md: 2 }} position="relative" data-scroll-container="true" css={{ diff --git a/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js b/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js index 9d9b94a7..b8228cad 100644 --- a/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js +++ b/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js @@ -71,7 +71,7 @@ const HorizontalDynamicNewsEventCard = React.memo(({ const cardPadding = useBreakpointValue({ base: 2, md: 3 }); // 移动端减小内边距 const titleFontSize = useBreakpointValue({ base: 'sm', md: 'md' }); // 移动端减小标题字体 const titlePaddingRight = useBreakpointValue({ base: '16px', md: '120px' }); // 桌面端为关键词留空间,移动端不显示关键词 - const spacing = useBreakpointValue({ base: 2, md: 3 }); // 间距 + const spacing = useBreakpointValue({ base: 1, md: 3 }); // 间距(移动端更紧凑) /** * 根据平均涨幅计算背景色(专业配色 - 深色主题)