feat: ETA côtier — transformer la map en outil de décision actionnable
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -124,6 +124,27 @@
|
||||
.gauge--medium .spot-panel__gauge-fill { background: #eab308; }
|
||||
.gauge--high .spot-panel__gauge-fill { background: #ef4444; }
|
||||
|
||||
/* ETA */
|
||||
.spot-panel__eta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 11px 16px;
|
||||
border-radius: 14px;
|
||||
border: 2px solid rgba(0,0,0,0.15);
|
||||
margin-bottom: 10px;
|
||||
font-weight: 700;
|
||||
font-size: 15px;
|
||||
font-family: 'Fredoka One', cursive;
|
||||
}
|
||||
.eta--now { background: #fee2e2; color: #b91c1c; border-color: #fca5a5; }
|
||||
.eta--soon { background: #fef9c3; color: #92400e; border-color: #fde68a; }
|
||||
.eta--later { background: #fff7ed; color: #9a3412; border-color: #fed7aa; }
|
||||
.eta--safe { background: #dcfce7; color: #15803d; border-color: #86efac; }
|
||||
|
||||
.spot-panel__eta-icon { font-size: 20px; line-height: 1; flex-shrink: 0; }
|
||||
.spot-panel__eta-label { font-family: 'Fredoka', sans-serif; font-weight: 600; }
|
||||
|
||||
/* Trend */
|
||||
.spot-panel__trend {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user