fix(EventPanel): 优化响应式网格布局

- 调整 Grid templateColumns 响应式断点
- base: 1列 → sm: 2列 → lg: 3列
- 提升大屏幕下的空间利用率

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-23 14:51:02 +08:00
parent 6a21a57f4c
commit b2ade04b00

View File

@@ -154,7 +154,7 @@ export const EventPanel: React.FC<EventPanelProps> = ({
</VStack> </VStack>
</Center> </Center>
) : ( ) : (
<Grid templateColumns={{ base: '1fr', md: 'repeat(2, 1fr)' }} gap={{ base: 3, md: 4 }}> <Grid templateColumns={{ base: '1fr', sm: 'repeat(2, 1fr)', lg: 'repeat(3, 1fr)' }} gap={{ base: 3, md: 4 }}>
{events.map(event => ( {events.map(event => (
<FUIEventCard <FUIEventCard
key={event.id} key={event.id}