Paperclip
|
7f0688d00a
|
feat(HRT-143): Refonte design /depenses/ glassmorphism + modern UI
- Refonte complète index.html (1444 lignes) :
layout 3 colonnes desktop / mobile responsive
Header sticky glassmorphism avec nav tabs
4 KPI cards animées (total, budget restant, nb, max)
Donut chart répartition catégories en sidebar droite
Top 5 dépenses avec progress bars
Formulaire avec labels uppercase + inputs focus glow
Liste dépenses avec badges colorés par catégorie/statut
Modales overlay backdrop-blur + animation spring
Budget bar gradient animée (matrix → rose selon %)
- Refonte complète dashboard.html (731 lignes) :
Grid 3 colonnes avec cards glassmorphism
4 KPI cards (total, count, moyenne, catégories)
Chart principal multi-mode (bar/line/pie)
Donut répartition + table catégories avec %
Résumé par personne avec progress bars
Top 7 dépenses avec progress bars
Sparkline tendance 6 derniers mois
- Stack : HTML/CSS/JS vanilla + Tailwind CDN + JetBrains Mono
- Palette : --bg-primary #020617, --cyan #00d9ff, --violet #a855f7
- 0 modification app.py, toutes APIs inchangées
Co-Authored-By: Paperclip <noreply@paperclip.ing>
|
2026-05-11 16:01:58 +02:00 |
|