Skip to content

Upgrade EZWallet UI to premium holographic dark dashboard - #132

Merged
tacticalnoot merged 1 commit into
mainfrom
codex/upgrade-stellar-qr-ui-to-premium-design
May 7, 2026
Merged

Upgrade EZWallet UI to premium holographic dark dashboard#132
tacticalnoot merged 1 commit into
mainfrom
codex/upgrade-stellar-qr-ui-to-premium-design

Conversation

@tacticalnoot

Copy link
Copy Markdown
Owner

Motivation

  • Give the existing EZWallet / Stellar QR MVP a premium, dark holographic silver product surface so it reads like a go-to-market event & power‑user tool while leaving core wallet/QR/payment logic unchanged.
  • Maintain QR scannability and Stellar-native payment flow and keep the platform payment destination exactly as configured.

Description

  • Restyled and reorganized the EZWallet route into scoped dashboard panels (hero, QR generator, QR preview, bulk event mode, pricing/payment, trust strip) in src/experiments/ezwallet/EZWalletApp.svelte and added a small visual system of scoped classes (.ezwallet-shell, .glass-panel, .holo-button, .holo-text, .stellar-orbit-bg, .qr-frame, .trust-chip, etc.).
  • Ensured QR scannability by rendering the generated QR inside a dedicated .qr-frame with a white/high-contrast QR background and quiet-zone padding and increased generated QR size to improve mobile scanning (QRCode.toDataURL(..., width: 320)).
  • Preserved all existing intent/wallet/bulk logic (uses the existing buildIntent, encodeIntent, generateBulk, TIERS, PLATFORM_PAYMENT_DESTINATION and USDC constants) and left payment destination and payload rules unchanged.
  • Small developer fixes: converted batchRows to a reactive $state array and added standard background-clip for cross-browser compatibility on holographic text.

Testing

  • Ran the repository type-check step with npm run -s check, which failed due to pre-existing TypeScript/Svelte errors in unrelated lab/layout components; the failures are not caused by the EZWallet styling changes.
  • Addressed a local non-reactive warning in the EZWallet file by making batchRows reactive and fixed a CSS compatibility note, and confirmed no new type errors were introduced by those edits in that file during checks.
  • No further automated unit/e2e tests were added or changed as this is a styling/polish pass; manual validation steps are recommended (generate QR, confirm QR image and link, scan with mobile camera, bulk generate/export CSV, verify displayed payment destination matches the required address).

Codex Task

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying smol-fe with  Cloudflare Pages  Cloudflare Pages

Latest commit: 4bc29df
Status:⚡️  Build in progress...

View logs

@tacticalnoot
tacticalnoot merged commit 8c31952 into main May 7, 2026
1 of 2 checks passed
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.

1 participant