2.7.6
Style tidy
This commit is contained in:
@@ -349,17 +349,6 @@ export function DayTabs({
|
||||
filter: isActive ? 'saturate(1.1) brightness(1.04)' : 'none',
|
||||
}}
|
||||
>
|
||||
<span style=${{
|
||||
position: 'absolute',
|
||||
bottom: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
height: isActive ? '8px' : '7px',
|
||||
background: band.bg,
|
||||
borderTop: '1px solid #c9b08a',
|
||||
borderRadius: '0 0 2px 2px',
|
||||
transition: 'height 0.1s',
|
||||
}} aria-hidden="true"></span>
|
||||
${locked && html`
|
||||
<span style=${{ position: 'absolute', top: '3px', right: '5px', fontSize: '10px', opacity: 0.75 }}>🔒</span>`}
|
||||
${dayName}
|
||||
@@ -584,36 +573,6 @@ export function DayTabs({
|
||||
</div>`;
|
||||
})()}
|
||||
|
||||
${(() => {
|
||||
const band = confidenceBand(selectedDay);
|
||||
const isOutlook = selectedDay >= 7;
|
||||
return html`
|
||||
<div style=${{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: '10px',
|
||||
margin: '0 0 14px',
|
||||
padding: '6px 10px',
|
||||
background: band.tint,
|
||||
borderLeft: `3px solid ${band.edge}`,
|
||||
borderBottom: `1px solid ${band.edge}`,
|
||||
borderRadius: '0 4px 4px 0',
|
||||
fontSize: '12px',
|
||||
color: '#3a2a18',
|
||||
fontFamily: 'Manrope, sans-serif',
|
||||
fontWeight: 600,
|
||||
flexWrap: 'wrap',
|
||||
}}>
|
||||
<span style=${{ letterSpacing: '0.06em', textTransform: 'uppercase', fontWeight: 700 }}>
|
||||
Day ${selectedDay + 1} of 14 · Forecast clarity: ${band.label}
|
||||
</span>
|
||||
${isOutlook && html`
|
||||
<span style=${{ opacity: 0.7, fontStyle: 'italic' }}>
|
||||
forecast skill is reduced — treat hourly detail as trend, not precision
|
||||
</span>`}
|
||||
</div>`;
|
||||
})()}
|
||||
|
||||
|
||||
</${Fragment}>`;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user