Style tidy
This commit is contained in:
fraxle
2026-06-06 00:23:42 +01:00
parent 98bb4c713c
commit 6da2f34b26
6 changed files with 29 additions and 51 deletions
-41
View File
@@ -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}>`;
}