Skip to content

fix(pricing): responsive layout & static QR code for mobile#957

Merged
huacnlee merged 3 commits into
mainfrom
endless/task-10
May 8, 2026
Merged

fix(pricing): responsive layout & static QR code for mobile#957
huacnlee merged 3 commits into
mainfrom
endless/task-10

Conversation

@endless-bot
Copy link
Copy Markdown
Collaborator

Summary

Fixes the Pricing page mobile layout issues and replaces the dynamic QRCode (which failed to render on mobile) with a hardcoded static SVG QR code.

Changes

  • Pricing.vue: Fix responsive layout breakpoints and grid/flex rules so the pricing comparison table renders correctly on small screens
  • Pricing.vue: Replace dynamic QRCode component with a pre-generated static SVG to ensure reliable display on all devices

Motivation

The Pricing page had broken layout on mobile viewports, and the dynamic QR code component was not rendering on mobile devices. Using a static SVG eliminates the rendering dependency and ensures consistent display across all platforms.

Related

Builds on top of the Pricing page introduced in #951 and the UnoCSS/PostCSS fixes from #955.

🤖 Auto-generated by Endless.

endless-bot and others added 3 commits May 7, 2026 14:29
Pricing 页面在手机布局下排版有问题,需要修复响应式支持。QRCode 在手机上无法展示,改成固定 QRCode SVG,用当前的值生成一下,然后写死。

🤖 Generated with Endless

Co-authored-by: Huacnlee Li Huashun <huacnlee@longbridge-inc.com>
… tabs

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@huacnlee huacnlee merged commit f2483f0 into main May 8, 2026
2 checks passed
@huacnlee huacnlee deleted the endless/task-10 branch May 8, 2026 02:16
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