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:
@@ -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': {
|
||||||
|
|||||||
@@ -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': {
|
||||||
|
|||||||
Reference in New Issue
Block a user