mirror of
https://github.com/block/buzz.git
synced 2026-08-18 06:50:31 +02:00
Taylor Hoandnpub1223z34hd7vtwc6qj4s7flsxkj644nlre2nthu7lrrmkumhu3xddsrx9r6w
e90a2062bb
- Add generated compact light and dark noisy surfaces with reusable tone and size options for cards, popovers, and confirmation dialogs. - Keep the dark backup option and password panels unboxed, reduce their padding, and top-align parallel card titles for a clearer visual hierarchy. - Explain identity keys and password-protected backup files in plain language while preserving distinct device, password-manager, and portable-backup choices. - Normalize onboarding primary, secondary, and icon controls and add reduced-motion-safe transitions between backup creation and verification stages. - Update focused onboarding E2E coverage for current navigation, compact texture contracts, title alignment, and narrow viewport geometry. Co-authored-by: Taylor Ho <taylorkmho@gmail.com> Signed-off-by: Taylor Ho <taylorkmho@gmail.com>
Textured Card asset
Card variant="textured" renders a cheap CSS nine-slice PNG at runtime. This
folder preserves the procedural SVG recipe used to generate that asset.
Regenerate
From desktop/:
pnpm exec node scripts/texture-card/generate-card-texture.mjs
This overwrites:
src/shared/ui/assets/card-texture.png
The generator renders the archived SVG filter in headless Chromium at 2× DPR, then captures a transparent PNG. It is a development tool only and is not included in the production bundle.
After changing texture parameters:
- Regenerate the asset.
- Compare the onboarding private-key card at its normal size.
- Check a tall/narrow textured Card and the smallest supported shape.
- Check both Retina and standard-density displays.
- Update the slice/outset values in
card-texture.cssonly if the generated geometry changed.
The runtime component API remains Card variant="textured"; feature code owns
padding, dimensions, typography, and placement.