Ajout d'un dashboard lecture seule par-dessus la DB SQLite existante. Fichiers créés : - tickettracker/web/queries.py : 7 fonctions SQL (stats, compare, historique...) - tickettracker/web/api.py : router /api/* JSON (FastAPI) - tickettracker/web/app.py : routes HTML + Jinja2 + point d'entrée uvicorn - tickettracker/web/templates/ : base.html, index.html, compare.html, product.html, receipt.html - tickettracker/web/static/style.css : personnalisations Pico CSS - tests/test_web.py : 19 tests (96 passent, 1 xfail OCR) Fichiers modifiés : - requirements.txt : +fastapi, uvicorn[standard], jinja2, python-multipart, httpx - config.py : +DB_PATH (lu depuis TICKETTRACKER_DB_PATH) Lancement : python -m tickettracker.web.app Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
49 lines
1013 B
CSS
49 lines
1013 B
CSS
/* Personnalisations légères par-dessus Pico CSS */
|
|
|
|
/* Grille de cartes statistiques : 2 colonnes min, 4 max */
|
|
.stat-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
|
gap: 1rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
/* Cartes avec le grand chiffre mis en avant */
|
|
.stat-card {
|
|
text-align: center;
|
|
padding: 1.25rem 1rem;
|
|
}
|
|
|
|
.stat-card h3 {
|
|
font-size: 2rem;
|
|
margin-bottom: 0.25rem;
|
|
color: var(--pico-primary);
|
|
}
|
|
|
|
.stat-card p {
|
|
margin: 0;
|
|
font-size: 0.9rem;
|
|
color: var(--pico-muted-color);
|
|
}
|
|
|
|
/* Contraindre la hauteur des canvas Chart.js */
|
|
.chart-container {
|
|
position: relative;
|
|
max-height: 350px;
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
/* Couleurs pour les écarts de prix dans la table compare */
|
|
.diff-positive {
|
|
color: #c0392b; /* rouge = Leclerc plus cher */
|
|
}
|
|
|
|
.diff-negative {
|
|
color: #27ae60; /* vert = Picnic plus cher (économie) */
|
|
}
|
|
|
|
/* Débordement horizontal pour les grandes tables */
|
|
.overflow-auto {
|
|
overflow-x: auto;
|
|
}
|