feat: pagina Offerte redesign Quiet Luxury — grid card tokenizzata + badge categoria

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-07-11 16:36:34 +02:00
parent c1ff5a7e67
commit 1fc0650dcf
2 changed files with 132 additions and 71 deletions
+19
View File
@@ -220,6 +220,25 @@ righe `py-4 px-6` / `divide-y divide-border` / `hover:bg-muted/40`.
(singolare/plurale gestiti).
- Le righe archiviate restano `opacity-60` con pill "Archiviato".
### Offerte (lista) notes
`/admin/offers` migrata a "Quiet Luxury" (replica `design-reference/pagina-offerte`).
Griglia responsive di card `bg-card rounded-xl border-border p-6 shadow-card`
(`hover:shadow-card-hover`), `md:grid-cols-2 lg:grid-cols-3`.
- **Header**: `PageHeader` "Offerte" + sottotitolo, azione "+ Nuova Offerta"
(`Button` primario) che espande un form inline (`Input` nome + "Crea").
- **Filtri**: pill categoria rettangolari (`rounded-lg px-4 py-2`) — attiva
`bg-primary text-primary-foreground`, inattiva `border-border bg-card
text-muted-foreground hover:bg-muted`. "Tutti" + `categoryOptions` dinamiche.
A destra checkbox "Mostra offerte archiviate".
- **Card**: nome interno + descrizione muted + badge categoria colorato per tipo
(Retainer→blue, Entry→purple, Signature→amber, tutti con variante dark) via
helper `categoryBadgeClass`. Le archiviate sono `opacity-60` con pill "Archiviata".
- **Tabella tier**: `border-border rounded-lg`, header uppercase muted
(Tier · Servizi · Pubblico), righe `font-mono` `divide-y divide-border`; solo i
tier con `servicesTotal > 0` o `public_price` valorizzato; "Pubblico" assente → ``.
### Client Portal restyle notes
The `/client/[token]` portal was migrated to the same "Quiet Luxury" tokens