refactor(layout): unify inner-page typography rhythm with container-based widths

This commit is contained in:
zguiyang
2026-03-13 15:37:35 +08:00
parent e2eb43e24c
commit 98d9535e61
12 changed files with 51 additions and 43 deletions

View File

@@ -27,7 +27,7 @@ const pageTitle = lang === 'zh' ? '现在' : 'Now';
<h1 class="page-title-gradient text-5xl md:text-6xl font-bold mb-6">
现在
</h1>
<p class="text-lg text-muted-foreground max-w-2xl mx-auto">
<p class="text-lg text-muted-foreground page-content-narrow">
持续更新我的现状、正在构建的内容以及合作机会
</p>
</div>
@@ -37,7 +37,7 @@ const pageTitle = lang === 'zh' ? '现在' : 'Now';
<!-- Building Section -->
<section class="py-16 relative">
<Container>
<div class="max-w-4xl mx-auto">
<div class="page-content-main">
<div class="flex items-center gap-4 mb-8">
<div class="w-12 h-12 bg-primary/20 rounded-xl flex items-center justify-center">
<span class="text-2xl">🔨</span>
@@ -72,7 +72,7 @@ const pageTitle = lang === 'zh' ? '现在' : 'Now';
<!-- Exploring Section -->
<section class="py-16 relative page-section-soft">
<Container>
<div class="max-w-4xl mx-auto">
<div class="page-content-main">
<div class="flex items-center gap-4 mb-8">
<div class="w-12 h-12 bg-blue-500/20 rounded-xl flex items-center justify-center">
<span class="text-2xl">🔭</span>
@@ -108,7 +108,7 @@ const pageTitle = lang === 'zh' ? '现在' : 'Now';
<!-- Shipping Section -->
<section class="py-16 relative">
<Container>
<div class="max-w-4xl mx-auto">
<div class="page-content-main">
<div class="flex items-center gap-4 mb-8">
<div class="w-12 h-12 bg-green-500/20 rounded-xl flex items-center justify-center">
<span class="text-2xl">🚀</span>
@@ -140,7 +140,7 @@ const pageTitle = lang === 'zh' ? '现在' : 'Now';
<!-- Open to Collaborate Section -->
<section class="py-16 relative bg-gradient-to-br from-blue-900/10 to-blue-900/10 dark:from-blue-900/20 dark:to-blue-900/20">
<Container>
<div class="max-w-4xl mx-auto text-center">
<div class="page-content-main text-center">
<div class="flex items-center justify-center gap-4 mb-8">
<div class="w-12 h-12 bg-yellow-500/20 rounded-xl flex items-center justify-center">
<span class="text-2xl">🤝</span>
@@ -178,7 +178,7 @@ const pageTitle = lang === 'zh' ? '现在' : 'Now';
<!-- Last Updated -->
<section class="py-12">
<Container>
<div class="max-w-4xl mx-auto text-center">
<div class="page-content-main text-center">
<p class="text-sm text-muted-foreground">
最后更新:
<span class="font-medium">2025年3月</span>