fix: 修复 EventScrollList 和 EventDetailScrollPanel 布局问题

- EventScrollList.js: 添加 h="100%" 和 data-scroll-container 属性,支持独立滚动
- EventDetailScrollPanel.js: 移除 maxHeight 限制,允许详情面板撑满容器高度
- 修复布局显示问题,优化滚动体验

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-11-06 14:12:05 +08:00
parent 52cf950b21
commit f5328ec3a1
2 changed files with 2 additions and 1 deletions

View File

@@ -26,7 +26,6 @@ const EventDetailScrollPanel = ({
position="relative" position="relative"
sx={{ sx={{
height: '100%', height: '100%',
maxHeight: '1200px',
overflowY: 'auto', overflowY: 'auto',
overflowX: 'hidden', overflowX: 'hidden',
'&::-webkit-scrollbar': { '&::-webkit-scrollbar': {

View File

@@ -82,10 +82,12 @@ const EventScrollList = ({
<Box <Box
ref={scrollContainerRef} ref={scrollContainerRef}
overflowX="hidden" overflowX="hidden"
h="100%"
pt={0} pt={0}
pb={4} pb={4}
px={mode === 'four-row' ? 0 : 2} px={mode === 'four-row' ? 0 : 2}
position="relative" position="relative"
data-scroll-container="true"
css={{ css={{
// 统一滚动条样式(支持横向和纵向) // 统一滚动条样式(支持横向和纵向)
'&::-webkit-scrollbar': { '&::-webkit-scrollbar': {