update pay promo
This commit is contained in:
@@ -81,35 +81,15 @@ const VerticalModeLayout = React.memo(({
|
||||
gap={gap}
|
||||
position="relative"
|
||||
transition="all 0.3s ease-in-out"
|
||||
h={{ base: 'auto', lg: 'calc(100vh - 280px)' }}
|
||||
minH={{ base: '500px', lg: '600px' }}
|
||||
overflow="hidden"
|
||||
alignItems="flex-start"
|
||||
>
|
||||
{/* 左侧:事件列表 - 独立滚动 */}
|
||||
{/* 左侧:事件列表 */}
|
||||
<Box
|
||||
flex={isMobile ? '1' : leftFlex}
|
||||
minWidth={0}
|
||||
w={isMobile ? '100%' : 'auto'}
|
||||
overflowX="hidden"
|
||||
overflowY="auto"
|
||||
h="100%"
|
||||
data-event-list-container="true"
|
||||
css={{
|
||||
overscrollBehavior: 'contain',
|
||||
'&::-webkit-scrollbar': {
|
||||
width: '6px',
|
||||
},
|
||||
'&::-webkit-scrollbar-track': {
|
||||
background: '#f1f1f1',
|
||||
},
|
||||
'&::-webkit-scrollbar-thumb': {
|
||||
background: '#888',
|
||||
borderRadius: '3px',
|
||||
},
|
||||
'&::-webkit-scrollbar-thumb:hover': {
|
||||
background: '#555',
|
||||
},
|
||||
}}
|
||||
>
|
||||
{/* 事件列表 */}
|
||||
{events && events.length > 0 ? (
|
||||
@@ -162,30 +142,12 @@ const VerticalModeLayout = React.memo(({
|
||||
)}
|
||||
</Box>
|
||||
|
||||
{/* 右侧:事件详情 - 独立滚动 - 移动端隐藏 */}
|
||||
{/* 右侧:事件详情 - 移动端隐藏 */}
|
||||
{!isMobile && (
|
||||
<Box
|
||||
flex={rightFlex}
|
||||
minHeight={0}
|
||||
position="relative"
|
||||
overflow="auto"
|
||||
h="100%"
|
||||
css={{
|
||||
overscrollBehavior: 'contain',
|
||||
'&::-webkit-scrollbar': {
|
||||
width: '6px',
|
||||
},
|
||||
'&::-webkit-scrollbar-track': {
|
||||
background: 'transparent',
|
||||
},
|
||||
'&::-webkit-scrollbar-thumb': {
|
||||
background: 'rgba(136, 136, 136, 0.5)',
|
||||
borderRadius: '3px',
|
||||
},
|
||||
'&::-webkit-scrollbar-thumb:hover': {
|
||||
background: 'rgba(136, 136, 136, 0.8)',
|
||||
},
|
||||
}}
|
||||
>
|
||||
{/* 详情面板 */}
|
||||
<EventDetailScrollPanel
|
||||
|
||||
Reference in New Issue
Block a user