till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-14 21:41:09 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

fix(wetter): add icons to detail grid (wind, humidity, pressure, UV)

Browse source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-04-17 14:27:16 +02:00
parent fef71dd571
commit a2423b4932
1 changed files with 9 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
apps/mana/apps/web/src/lib/modules/wetter/components/CurrentConditions.svelte
View file

@ -44,18 +44,22 @@
<!-- Detail grid -->
<div class="detail-grid">
<div class="detail">
<span class="detail-icon">💨</span>
<span class="detail-val">{Math.round(current.windSpeed)} km/h</span>
<span class="detail-lbl">Wind {windDirectionLabel(current.windDirection)}</span>
</div>
<div class="detail">
<span class="detail-icon">💧</span>
<span class="detail-val">{current.humidity}%</span>
<span class="detail-lbl">Feuchtigkeit</span>
</div>
<div class="detail">
<span class="detail-icon">🌡️</span>
<span class="detail-val">{Math.round(current.pressure)} hPa</span>
<span class="detail-lbl">Luftdruck</span>
</div>
<div class="detail">
<span class="detail-icon">☀️</span>
<span class="detail-val">{current.uvIndex}</span>
<span class="detail-lbl">UV-Index</span>
</div>
@ -133,6 +137,11 @@
border-radius: 8px;
background: var(--card-bg-hover, rgba(255, 255, 255, 0.04));
}
.detail-icon {
font-size: 1rem;
line-height: 1;
margin-bottom: 1px;
}
.detail-val {
font-size: 0.82rem;
font-weight: 500;