Skip to content

fix: improve renewal button readability on subscription card#25

Merged
web-ppanel merged 10 commits intomainfrom
autodev/a-pages-2026-03-03
Mar 11, 2026
Merged

fix: improve renewal button readability on subscription card#25
web-ppanel merged 10 commits intomainfrom
autodev/a-pages-2026-03-03

Conversation

@web-ppanel
Copy link
Copy Markdown
Contributor

Fixes #24

What changed

  • Move status watermark layer behind content (z-0)
  • Keep card header and content above watermark (relative z-10)

Why

On subscription cards with status watermark, action button text (especially "Renew") had low contrast and was hard to read until hover.

Validation

  • cd apps/user && bun run build passed

ppanel-web added 10 commits February 24, 2026 23:02
- Google form: refactor to match GitHub/Facebook pattern
  (flatten config fields, use ...data spread on submit, manual mapping in reset)
- OAuthLoginGetTokenRequest: add missing invite? field for invite code support
- Apple form: clarify redirect_url description to avoid confusion between
  Apple's backend callback URL and the frontend post-login redirect

All five OAuth providers (Google, Telegram, GitHub, Facebook, Apple) now
follow consistent structure in both admin config forms and type definitions.
- Add liquid-glass.css with frosted glass CSS variables, body gradient
  backgrounds, and global glass surface rules
- Import liquid-glass.css in main.tsx
- Header, auth page, sidebars, subscribe cards, wallet stat cards,
  affiliate invite code box: glass surface styling with backdrop-blur,
  semi-transparent backgrounds, coloured glow shadows
- CSS: replace over-broad [class*='rounded-'][class*='border'] card selector
  with precise [data-slot='card']/.card only
- CSS: add .auth-bg / .auth-panel utility classes (dark-mode-aware via CSS vars)
- CSS: add .glass-stat-primary / .glass-stat-success / .glass-stat-accent
  utility classes; remove old .rounded-lg.bg-*\/10 class-combinator selectors
- auth/index.tsx: replace hardcoded inline oklch gradient + inline glass styles
  with .auth-bg and .auth-panel classes
- stats.tsx: restore icon container h-20 w-20 rounded-full
- wallet/index.tsx: remove inline style oklch values → .glass-stat-* classes;
  restore semantic text-secondary-foreground (was hardcoded text-primary /
  text-green-600 / text-purple-600)
- Remove orphan packages/services (not imported anywhere)
@netlify
Copy link
Copy Markdown

netlify bot commented Mar 11, 2026

Deploy Preview for ppane-docs ready!

Name Link
🔨 Latest commit bc49c8f
🔍 Latest deploy log https://app.netlify.com/projects/ppane-docs/deploys/69b132e8d364b200080c46f8
😎 Deploy Preview https://deploy-preview-25--ppane-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@web-ppanel web-ppanel mentioned this pull request Mar 11, 2026
@web-ppanel web-ppanel merged commit ced5c1d into main Mar 11, 2026
4 checks passed
github-actions bot pushed a commit that referenced this pull request Mar 11, 2026
## [1.3.14](v1.3.13...v1.3.14) (2026-03-11)

### 🐛 Bug Fixes / 问题修复

* improve renewal button readability on subscription card ([#25](#25)) ([ced5c1d](ced5c1d))
@web-ppanel
Copy link
Copy Markdown
Contributor Author

🎉 This PR is included in version 1.3.14 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

@web-ppanel web-ppanel deleted the autodev/a-pages-2026-03-03 branch March 12, 2026 10:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]

1 participant