feat: pagina Progetti redesign Quiet Luxury — tabella tokenizzata + badge pagamento/timer dual-mode
- projects/page.tsx: tabella in contenitore bg-card/shadow-card, header uppercase muted - ProjectRow: badge pagamento pill rounded-full dual light/dark (saldato/da_saldare/inviata) - TimerCell: pill rounded-full mono, idle neutro + running emerald con contatore live - ConversationsView: bordo item attivo 3px per coerenza - DESIGN-SYSTEM.md: note pagina Progetti Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -282,6 +282,27 @@ uppercase muted (`bg-muted/50`, `text-[11px] font-semibold uppercase tracking-wi
|
||||
- **Empty state**: `border-dashed border-border rounded-xl`, `FileText` muted + CTA
|
||||
"Genera il primo preventivo →". Footer "Mostrando N di N preventivi generati".
|
||||
|
||||
### Progetti (lista) notes
|
||||
|
||||
`/admin/projects` migrata a "Quiet Luxury" (replica `design-reference/pagina-progetti`).
|
||||
Stesso contenitore tabella di Preventivi (`bg-card rounded-xl border-border shadow-card`,
|
||||
header `bg-muted/50` uppercase muted, righe `hover:bg-muted/40` + `divide-y divide-border`).
|
||||
|
||||
- **Header**: `PageHeader` "Progetti" + sottotitolo (redditività oraria), azione `Button`
|
||||
"Nuovo Progetto" (`+`, link a `/admin/projects/new`).
|
||||
- **Colonne**: Progetto (link → dettaglio + cliente muted, badge "Archiviato" se archiviato),
|
||||
Valore Totale (`text-right font-mono`), Acconto (badge centrato), Saldo (badge centrato),
|
||||
Timer (`TimerCell` centrato), Redditività €/H (`text-right`).
|
||||
- **Badge pagamento** (`ProjectRow`): pill rounded-full `text-[10px] uppercase border` dual
|
||||
light/dark — saldato→emerald, da_saldare→rose, inviata→amber; prefissati "Acconto:"/"Saldo:".
|
||||
Pagamento assente → `—` muted.
|
||||
- **TimerCell**: ora una pill `rounded-full border font-mono` — idle neutro (`bg-muted`,
|
||||
play triangle su `bg-foreground/10`), running emerald (`bg-emerald-50/60` dark
|
||||
`emerald-950/30`, pausa su `bg-emerald-500`), contatore live. Stessa pill riusata nel
|
||||
`TimerTab` del dettaglio progetto.
|
||||
- **Redditività**: `null` (0h tracciate) → `—` muted; `>0` → emerald bold con dot
|
||||
`bg-emerald-500`; `=0` → mono muted. Footer "Mostrando N di N progetti attivi".
|
||||
|
||||
### Client Portal restyle notes
|
||||
|
||||
The `/client/[token]` portal was migrated to the same "Quiet Luxury" tokens
|
||||
|
||||
Reference in New Issue
Block a user