Skip to content

Balance Guest and Profile layouts with a shared visual system - #98

Merged
hoangsvit merged 3 commits into
mainfrom
fix/guest-tier-layout
Oct 14, 2026
Merged

hoangsvit merged 3 commits into
mainfrom
fix/guest-tier-layout

Conversation

@hoangsvit

@hoangsvit hoangsvit commented Oct 14, 2026 •

Copy link
Copy Markdown
Member

The Guest page had an oversized pixel heading, a tall full-width tier list and a separate discovery design. Use the existing Profile components with a balanced shared entry layout and a compact public overview.

  • Share the hero, analyzer form, page width, panel styling and responsive Monthly Labs grid across Guest and Profile.
  • Replace the oversized pixel headline with a readable heading, balance the hero columns and reduce excess spacing in both views.
  • Use one Profile tier renderer, arranged as four public overview cards on desktop, two on tablet and compact rows on mobile.
  • Keep tiers above full-width Labs and the extension strip in a consistent position.
  • Preserve Guest privacy, profile restoration, localized copy, code copying and feed retry.

Validation: production static build, typecheck and 150 unit tests passed. Browser checks passed for 30 English/Vietnamese/German × light/dark × 320/390/768/1024/1440px cases, including shared hero/form/Labs styling, complete tier labels, desktop tier alignment and no horizontal overflow. Another 24 Halloween cases and static SEO checks for all 13 homepages passed. Desktop and Vietnamese mobile screenshots were inspected; external images/icon fonts were mocked or blocked in the local browser checks.

@qodo-code-review

Copy link
Copy Markdown

ⓘ Qodo reviews are paused because the subscription is no longer active. Ask your workspace admin to reactivate the subscription to resume reviews. Manage billing

@github-actions

github-actions Bot commented Oct 14, 2026 •

Copy link
Copy Markdown
Contributor

🧹 PR preview removed

The preview for this pull request was removed after the PR was closed.

@coderabbitai

coderabbitai Bot commented Oct 14, 2026 •

Copy link
Copy Markdown

Important

  • 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration
  • Configuration used: defaults
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: f4e5cfbe-7d56-4244-b05c-fc4e8e6ce0a3
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

github-actions Bot added a commit that referenced this pull request Oct 14, 2026
@hoangsvit hoangsvit changed the title Fix clipped Guest tier names and section alignment Align Guest with the existing Profile dashboard Oct 14, 2026
github-actions Bot added a commit that referenced this pull request Oct 14, 2026
@hoangsvit hoangsvit changed the title Align Guest with the existing Profile dashboard Balance Guest and Profile layouts with a shared visual system Oct 14, 2026
github-actions Bot added a commit that referenced this pull request Oct 14, 2026
@hoangsvit
hoangsvit merged commit 88a7fb0 into main Oct 14, 2026
5 checks passed
@hoangsvit
hoangsvit deleted the fix/guest-tier-layout branch October 14, 2026 04:27
github-actions Bot added a commit that referenced this pull request Oct 14, 2026

This branch was successfully deployed

1 active deployment
pr-preview — fd78d350 Deployed Oct 14, 2026 by hoangsvit via preview #953
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