Skip to content

polish(home): 首页与外框的几处视觉打磨 - #10

Merged
KYJCASTER merged 1 commit into
masterfrom
polish/home-and-chrome
Jun 14, 2026
Merged

polish(home): 首页与外框的几处视觉打磨#10
KYJCASTER merged 1 commit into
masterfrom
polish/home-and-chrome

Conversation

@KYJCASTER

Copy link
Copy Markdown
Owner

不换设计语言(warm sand / terracotta / Fraunces serif 全部保留), 只针对截图里看到的几处别扭做局部微调。

首页 / 文章列表:

  • hero-section: 底部 "现在专注" 一行原本是 flex-1 hr,宽度比例在桌面 过长、在小屏过短;改成 inline label,去掉 hr,避免与下方 SectionOrnament 的 hairline 撞型
  • latest-posts: 右上 "全部 N 篇" 链接 text-muted → text-foreground/80, 在卡片密集区更可见
  • post-card (default): 删除 footer 的 border-t hairline,tags 与 arrow 直接同行;原本卡片偏矮时 footer 显得拥挤
  • post-card (featured): 移动端 cover 比例 16/10 → 3/2,避免单卡占满 第一屏

导航 / 页脚 / 整体包装:

  • footer: 次级导航去掉 · 分隔符(折行时 · 会落到行首),改靠 gap-x-5 统一分隔
  • footer: 顶部 mt-24 → mt-16 sm:mt-24,短页面(/tags 等)上方留白更合理
  • section-ornament: ◇ glyph 换成 SVG diamond,避免中文字体下渲染偏移

不改动 navbar(idle 加 hairline 会切断 hero vignette,撤回了那条 vision 建议)。 不动配色 token / 字体 / CoverPanel 8 种 SVG / 火漆印 / 章节进度条。

不换设计语言(warm sand / terracotta / Fraunces serif 全部保留),
只针对截图里看到的几处别扭做局部微调。

首页 / 文章列表:
- hero-section: 底部 "现在专注" 一行原本是 flex-1 hr,宽度比例在桌面
  过长、在小屏过短;改成 inline label,去掉 hr,避免与下方
  SectionOrnament 的 hairline 撞型
- latest-posts: 右上 "全部 N 篇" 链接 text-muted → text-foreground/80,
  在卡片密集区更可见
- post-card (default): 删除 footer 的 border-t hairline,tags 与 arrow
  直接同行;原本卡片偏矮时 footer 显得拥挤
- post-card (featured): 移动端 cover 比例 16/10 → 3/2,避免单卡占满
  第一屏

导航 / 页脚 / 整体包装:
- footer: 次级导航去掉 · 分隔符(折行时 · 会落到行首),改靠 gap-x-5
  统一分隔
- footer: 顶部 mt-24 → mt-16 sm:mt-24,短页面(/tags 等)上方留白更合理
- section-ornament: ◇ glyph 换成 SVG diamond,避免中文字体下渲染偏移

不改动 navbar(idle 加 hairline 会切断 hero vignette,撤回了那条 vision 建议)。
不动配色 token / 字体 / CoverPanel 8 种 SVG / 火漆印 / 章节进度条。
@KYJCASTER
KYJCASTER merged commit 14ef14b into master Jun 14, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant