Skip to content

fix(pages): widen blog detail content area with percentage-based max-width#356

Merged
lizhengfeng101 merged 2 commits into
mainfrom
fix/blog-detail-content-width
Jul 11, 2026
Merged

fix(pages): widen blog detail content area with percentage-based max-width#356
lizhengfeng101 merged 2 commits into
mainfrom
fix/blog-detail-content-width

Conversation

@lizhengfeng101

Copy link
Copy Markdown
Collaborator

Summary

  • Replace the fixed maxWidth: 820 on the blog detail content column with a responsive maxWidth: '65%' (desktop only; mobile remains uncapped).
  • This lets the article body fill more of the available horizontal space, reducing the visual asymmetry where the right-side TOC occupies room but the left margin is empty.

Test plan

  • Open a blog post on a wide desktop viewport (≥1440px) and confirm the content area is noticeably wider than before.
  • Resize the browser to ~1024px and verify the layout still looks balanced.
  • Check on mobile (< 768px) that the content stretches full-width with no unexpected cap.
  • Verify the right-side TOC still renders correctly and doesn't overlap the content.

🤖 Generated with Claude Code

…width

Replace fixed maxWidth (820px) with a responsive 65% on desktop so the
article body better fills the available space and the layout no longer
feels lopsided next to the right-side TOC.
@github-actions

Copy link
Copy Markdown
Contributor

OpenCodeReview: No comments generated. Looks good to me.

@lizhengfeng101 lizhengfeng101 merged commit c3da878 into main Jul 11, 2026
6 checks passed
@lizhengfeng101 lizhengfeng101 deleted the fix/blog-detail-content-width branch July 11, 2026 02:46
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.

2 participants