Anti-waste: themed border, rich info badges, fix latte di montagna shelf-life, exclude opened from expiring_soon
This commit is contained in:
+21
-9
@@ -378,8 +378,9 @@ body {
|
||||
|
||||
/* ── Anti-Waste Report Card ─────────────────────────────── */
|
||||
#waste-chart-section {
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border);
|
||||
background: linear-gradient(160deg, #f0fdf4 0%, var(--bg-card) 70%);
|
||||
border: 2px solid #86efac;
|
||||
border-left: 4px solid var(--success);
|
||||
border-radius: var(--radius);
|
||||
padding: 10px 12px;
|
||||
margin-bottom: 10px;
|
||||
@@ -498,16 +499,27 @@ body {
|
||||
.aw-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 2px 8px;
|
||||
border-radius: 999px;
|
||||
font-size: 0.7rem;
|
||||
gap: 5px;
|
||||
padding: 4px 9px;
|
||||
border-radius: 10px;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 600;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.aw-badge-money { background: #fef9c3; color: #854d0e; border-color: #fde047; }
|
||||
.aw-badge-meals { background: #f0fdf4; color: #166534; border-color: #86efac; }
|
||||
.aw-badge-co2 { background: #eff6ff; color: #1e40af; border-color: #93c5fd; }
|
||||
.aw-badge-icon { font-size: 0.85rem; flex-shrink: 0; }
|
||||
.aw-badge-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.aw-badge-body b { font-size: 0.78rem; }
|
||||
.aw-badge-body small { font-size: 0.6rem; font-weight: 500; opacity: .75; }
|
||||
.aw-badge-rate { background: #f5f3ff; color: #5b21b6; border-color: #c4b5fd; }
|
||||
.aw-badge-money { background: #fef9c3; color: #854d0e; border-color: #fde047; }
|
||||
.aw-badge-meals { background: #f0fdf4; color: #166534; border-color: #86efac; }
|
||||
.aw-badge-co2 { background: #eff6ff; color: #1e40af; border-color: #93c5fd; }
|
||||
.aw-badge-wasted { background: #fef2f2; color: #991b1b; border-color: #fca5a5; }
|
||||
.aw-badge-better { background: #f0fdf4; color: #15803d; border-color: #4ade80; }
|
||||
|
||||
/* ── Trend mini-cards ───────────────────────────────────── */
|
||||
.aw-trend-cards {
|
||||
|
||||
Reference in New Issue
Block a user