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