Skip to content

fix(blocks): scale billing previews and polish settings page#7

Merged
yyyyaaa merged 1 commit into
mainfrom
fix/billing-showcase-preview-scale
Jul 22, 2026
Merged

fix(blocks): scale billing previews and polish settings page#7
yyyyaaa merged 1 commit into
mainfrom
fix/billing-showcase-preview-scale

Conversation

@yyyyaaa

@yyyyaaa yyyyaaa commented Jul 22, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Scale fixed-width live source preview iframes to fit the docs stage so desktop billing showcases stay centered without right-side clipping.
  • Preserve true device viewports (1280 / 768 / 390) for container queries and breakpoint e2e checks.
  • Redesign the billing settings composition into a clearer SaaS-style destination: product header, account chip, underline section nav, and zoned section content.

Test plan

  • Open /blocks/billing/billing-usage-overview and confirm Desktop live preview is fully visible and centered (no horizontal stage scroll for width).
  • Switch Desktop / Tablet / Mobile and confirm layout breakpoints still change; open/close full-screen preview and confirm focus restore.
  • Open /blocks/billing/billing-settings-page and review Overview / Usage / Plans layout, account chip, and sticky section nav.
  • Spot-check remaining billing showcase routes for the shared preview shell.
  • pnpm --filter blocks test -- billing-showcase-preview

Fit fixed-width live source iframes to the docs stage so desktop
showcases stay centered without horizontal clipping, and restyle the
billing settings composition as a clearer SaaS destination layout.
@yyyyaaa
yyyyaaa merged commit ed71494 into main Jul 22, 2026
4 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