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:
zdl
2025-12-26 16:23:55 +08:00
parent 1b61b56e3f
commit 58ddb48385

View File

@@ -131,16 +131,16 @@ const ValueChainCard: React.FC<ValueChainCardProps> = memo(({
return (
<Card bg={THEME.cardBg} shadow="md">
{/* 头部区域 */}
<CardHeader py={0}>
<HStack flexWrap="wrap" gap={0}>
<Icon as={Network} color={THEME.gold} />
<CardHeader py={3}>
<HStack flexWrap="wrap" spacing={3}>
<Icon as={Network} color={THEME.gold} boxSize={5} />
<Heading size="sm" color={THEME.textPrimary}>
</Heading>
<Text color={THEME.textSecondary} fontSize="sm">
| {companyName}
{companyName}
</Text>
<Badge bg={THEME.gold} color="gray.900">
<Badge bg={THEME.gold} color="gray.900" px={2} py={1}>
{totalNodes}
</Badge>
</HStack>