Skip to content

fix: decrease author card font sizes to match reference design#1707

Closed
sanjay-kv with Copilot wants to merge 3 commits into
mainfrom
copilot/fix-author-card-font-size
Closed

fix: decrease author card font sizes to match reference design#1707
sanjay-kv with Copilot wants to merge 3 commits into
mainfrom
copilot/fix-author-card-font-size

Conversation

Copilot AI commented May 24, 2026

Copy link
Copy Markdown
Contributor

Description

Author text in the blog post author card was too large compared to the reference site (oneuptime.com). Reduces all author card text — name, meta line, and bio summary — to match the compact proportions of the reference design.

Type of Change

  • New feature (e.g., new page, component, or functionality)
  • Bug fix (non-breaking change that fixes an issue)
  • UI/UX improvement (design, layout, or styling updates)
  • Performance optimization (e.g., code splitting, caching)
  • Documentation update (README, contribution guidelines, etc.)
  • Other (please specify):

Changes Made

src/theme/BlogPostItem/Footer/styles.module.css:

  • .authorNamefont-size: 1.75rem1.125rem; font-weight: 800700; line-height: 1.21.3
  • .authorName (mobile, ≤640px)font-size: 1.25rem1rem
  • .authorMetafont-size: 1rem0.875rem
  • .authorSummaryfont-size: 1.1rem0.875rem; line-height: 1.41.625
/* Before */
.authorName    { font-size: 1.75rem; font-weight: 800; line-height: 1.2; }
.authorMeta    { font-size: 1rem; }
.authorSummary { font-size: 1.1rem; line-height: 1.4; }

/* After */
.authorName    { font-size: 1.125rem; font-weight: 700; line-height: 1.3; }
.authorMeta    { font-size: 0.875rem; }
.authorSummary { font-size: 0.875rem; line-height: 1.625; }

Dependencies

None.

Checklist

  • My code follows the style guidelines of this project.
  • I have tested my changes across major browsers and devices
  • My changes do not generate new console warnings or errors .
  • I ran npm run build and attached screenshot(s) in this PR.
  • This is already assigned Issue to me, not an unassigned issue.

@vercel

vercel Bot commented May 24, 2026

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
recode-website Ready Ready Preview, Comment May 24, 2026 11:44am

Copilot AI changed the title [WIP] Fix font size of author detail on author card fix: decrease author card detail font sizes to match reference design May 24, 2026
Copilot AI requested a review from sanjay-kv May 24, 2026 11:25
@sanjay-kv

Copy link
Copy Markdown
Member

@copilot this doesnt match the font and size
reference website: https://oneuptime.com/blog/post/2026-04-17-monitor-azure-app-service-opentelemetry/view

image

Copilot AI commented May 24, 2026

Copy link
Copy Markdown
Contributor Author

@copilot this doesnt match the font and size
reference website: https://oneuptime.com/blog/post/2026-04-17-monitor-azure-app-service-opentelemetry/view

...

The author name was still rendering at 1.75rem (28px) while the reference uses ~1.125rem (18px). Fixed in commit 34f78aa:

Element Before After
Author name (desktop) 1.75rem, weight 800 1.125rem, weight 700
Author name (mobile) 1.25rem 1rem
Meta line 0.875rem 0.875rem
Bio summary 0.875rem, line-height: 1.625 0.875rem, line-height: 1.625

The card now matches the compact proportions of the reference design — name slightly larger than the body text, meta and bio in small gray text below it.

Copilot AI changed the title fix: decrease author card detail font sizes to match reference design fix: decrease author card font sizes to match reference design May 24, 2026
@sanjay-kv
sanjay-kv marked this pull request as ready for review May 24, 2026 11:44
@sanjay-kv sanjay-kv closed this May 24, 2026
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.

The author detail on the author card need a decrease in font size.

2 participants