add trend UX + PHPStan level 6 clean (0 errors)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -124,6 +124,25 @@
|
||||
.gauge--medium .spot-panel__gauge-fill { background: #eab308; }
|
||||
.gauge--high .spot-panel__gauge-fill { background: #ef4444; }
|
||||
|
||||
/* Trend */
|
||||
.spot-panel__trend {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 9px 14px;
|
||||
border-radius: 12px;
|
||||
border: 2px solid rgba(0,0,0,0.12);
|
||||
margin-bottom: 12px;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
}
|
||||
.trend--bad { background: #fee2e2; color: #b91c1c; }
|
||||
.trend--neutral { background: #f1f5f9; color: #475569; }
|
||||
.trend--good { background: #dcfce7; color: #15803d; }
|
||||
|
||||
.spot-panel__trend-icon { font-size: 18px; line-height: 1; }
|
||||
.spot-panel__trend-label { font-family: 'Fredoka', sans-serif; }
|
||||
|
||||
/* Details */
|
||||
.spot-panel__details {
|
||||
display: grid;
|
||||
|
||||
Reference in New Issue
Block a user