Skip to content

feat(ui): restyle frontend - direzione Pocket (v2.0.0)#31

Merged
savez merged 5 commits into
mainfrom
worktree-restyle-pocket
Jun 22, 2026
Merged

feat(ui): restyle frontend - direzione Pocket (v2.0.0)#31
savez merged 5 commits into
mainfrom
worktree-restyle-pocket

Conversation

@savez

@savez savez commented Jun 22, 2026

Copy link
Copy Markdown
Owner

Restyle completo del frontend (direzione B - Pocket, approvata da mockup): utility iper-leggibile, accento indaco, angoli sobri, i colori dei brand come sistema. 4 commit feat(ui) distinti → mergiare con merge commit per changelog corposo.

Cosa cambia

  1. Tema Pocket - palette indaco (light/dark), tipografia Inter (body) + Bricolage Grotesque (display), token CSS. Font woff2 nel precache PWA (offline-ready).
  2. Tessere & Home - CardTile pieno colore brand, icona grande, pin a stella, sheen; testo a contrasto automatico (util readableTextColor + test) per i brand chiari (es. Eni giallo). Griglia responsive.
  3. Dettaglio + barcode a tutto schermo - card "presentata", scan panel bianco cliccabile → overlay fullscreen (strip brand, wake-lock per non spegnere lo schermo). Il tap sul barcode apre il fullscreen (come richiesto).
  4. App bar & bottom-nav - wordmark display su barra piatta, "Nuova" in risalto indaco.

Note

  • Barcode sempre su bianco (leggibilità scanner) anche in dark mode.
  • Suite 68/68, build OK (precache 44 voci, font inclusi).

Verifica visiva

Render genera una preview automatica per questa PR (URL tipo fidality-card-pr-<n>.onrender.com) → puoi vedere il restyle live prima del merge. ⚠️ Da rivedere a occhio su mobile.

savez added 4 commits June 22, 2026 17:07
Nuovo tema Vuetify (light/dark) con accento indaco e angoli sobri,
font Inter (body) e Bricolage Grotesque (display), token CSS condivisi.
I font woff2 entrano nel precache PWA (offline-ready).
CardTile pieno colore brand con icona grande, pin a stella e sheen;
testo a contrasto automatico (util readableTextColor, con test) per i
brand chiari. Home con griglia responsive pulita.
Card presentata col colore brand e scan panel bianco; toccando il
barcode si apre a tutto schermo (overlay bianco, strip brand, wake-lock
per non spegnere lo schermo) - pensato per la cassa. BarcodeDisplay
supporta una scala per l'ingrandimento.
Wordmark in display font su barra piatta; 'Nuova' evidenziata in indaco
nella bottom navigation.
@socket-security

socket-security Bot commented Jun 22, 2026

Copy link
Copy Markdown

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Added@​fontsource-variable/​bricolage-grotesque@​5.2.1081100838690
Added@​fontsource-variable/​inter@​5.2.8100100848390

View full report

Il pulsante riempiva tutta la cella con il testo tagliato; ora e un FAB
circolare indaco centrato e rialzato sopra la bottom-nav, con Card e
Impostazioni ai lati.

Release-As: 2.0.0
@savez savez changed the title feat(ui): restyle frontend - direzione Pocket feat(ui): restyle frontend - direzione Pocket (v2.0.0) Jun 22, 2026
@savez savez temporarily deployed to worktree-restyle-pocket - fidality-card PR #31 June 22, 2026 15:19 — with Render Destroyed
@savez savez merged commit fcccfd5 into main Jun 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