style: 首页整体尺寸缩小约 67%

- useHomeResponsive: 标题尺寸 4xl→2xl,正文 xl→md
- HomePage: VStack/SimpleGrid 间距缩小
- HeroHeader: spacing/padding 缩小,maxW 调整
- FeaturedFeatureCard: 图标、标题、按钮尺寸缩小
- FeatureCard: 卡片高度 180→120px,整体元素尺寸缩小

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-04 17:35:43 +08:00
parent f8fd62c8b8
commit 16f946ae9b
5 changed files with 47 additions and 47 deletions

View File

@@ -21,9 +21,9 @@ export const HeroHeader: React.FC<HeroHeaderProps> = ({
}) => {
return (
<VStack
spacing={{ base: 4, md: 5, lg: 6 }}
spacing={{ base: 2, md: 3, lg: 4 }}
textAlign="center"
pt={{ base: 4, md: 6, lg: 8 }}
pt={{ base: 2, md: 4, lg: 5 }}
>
<Heading
size={headingSize}
@@ -37,9 +37,9 @@ export const HeroHeader: React.FC<HeroHeaderProps> = ({
<Text
fontSize={heroTextSize}
color="whiteAlpha.800"
maxW={{ base: '100%', md: '2xl', lg: '3xl' }}
maxW={{ base: '100%', md: 'xl', lg: '2xl' }}
lineHeight="tall"
px={{ base: 4, md: 0 }}
px={{ base: 2, md: 0 }}
>
,
</Text>