style(ValueChainCard): 优化产业链分析头部布局边距
- CardHeader: py={0} → py={3} 增加垂直内边距
- HStack: gap={0} → spacing={3} 增加元素间距
- Badge: 添加 px={2} py={1} 增加徽章内边距
- 移除多余的 | 分隔符
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -131,16 +131,16 @@ const ValueChainCard: React.FC<ValueChainCardProps> = memo(({
|
|||||||
return (
|
return (
|
||||||
<Card bg={THEME.cardBg} shadow="md">
|
<Card bg={THEME.cardBg} shadow="md">
|
||||||
{/* 头部区域 */}
|
{/* 头部区域 */}
|
||||||
<CardHeader py={0}>
|
<CardHeader py={3}>
|
||||||
<HStack flexWrap="wrap" gap={0}>
|
<HStack flexWrap="wrap" spacing={3}>
|
||||||
<Icon as={Network} color={THEME.gold} />
|
<Icon as={Network} color={THEME.gold} boxSize={5} />
|
||||||
<Heading size="sm" color={THEME.textPrimary}>
|
<Heading size="sm" color={THEME.textPrimary}>
|
||||||
产业链分析
|
产业链分析
|
||||||
</Heading>
|
</Heading>
|
||||||
<Text color={THEME.textSecondary} fontSize="sm">
|
<Text color={THEME.textSecondary} fontSize="sm">
|
||||||
| {companyName}供应链图谱
|
{companyName}供应链图谱
|
||||||
</Text>
|
</Text>
|
||||||
<Badge bg={THEME.gold} color="gray.900">
|
<Badge bg={THEME.gold} color="gray.900" px={2} py={1}>
|
||||||
节点 {totalNodes}
|
节点 {totalNodes}
|
||||||
</Badge>
|
</Badge>
|
||||||
</HStack>
|
</HStack>
|
||||||
|
|||||||
Reference in New Issue
Block a user