Wetter-Chip JETZT: Wetter- und Warn-Icon vertikal gestapelt statt nebeneinander (mehr Platz für Text), SW v1122

This commit is contained in:
rene 2026-05-29 08:43:30 +02:00
parent b239eee0d6
commit 87c688d5b7
6 changed files with 27 additions and 24 deletions

View file

@ -1147,13 +1147,13 @@ window.Worlds = (() => {
}
const gassiScore = _calcGassiScore(w);
const gassiColor = gassiScore >= 8 ? '#10B981' : gassiScore >= 5 ? '#F59E0B' : '#EF4444';
const weatherEmoji = !w ? '🌤️'
: w.thunderstorm ? '⛈️'
: (w.precip_prob ?? 0) > 70 ? '🌧️'
: (w.precip_prob ?? 0) > 30 ? '🌦️'
: (w.temp_c ?? 20) > 28 ? '☀️🔥'
: (w.temp_c ?? 20) < 2 ? '🌨️'
: '☀️';
const weatherEmoji = !w ? ['🌤️']
: w.thunderstorm ? ['⛈️']
: (w.precip_prob ?? 0) > 70 ? ['🌧️']
: (w.precip_prob ?? 0) > 30 ? ['🌦️']
: (w.temp_c ?? 20) > 28 ? ['☀️', '🔥']
: (w.temp_c ?? 20) < 2 ? ['🌨️']
: ['☀️'];
// User-Geburtstag Reminder
const userBdayHtml = userBdayToday ? `
@ -1227,7 +1227,10 @@ window.Worlds = (() => {
<div class="wj-chip-row">
<div class="wj-chip" data-wnav="wetter">
<div style="display:flex;align-items:center;gap:6px;width:100%">
<span style="font-size:1.4rem;line-height:1;flex-shrink:0">${weatherEmoji}</span>
<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:1px;flex-shrink:0;font-size:1.4rem;line-height:1">
${weatherEmoji.map(e => `<span>${e}</span>`).join('')}
</div>
<div style="flex:1;min-width:0">
<div style="font-size:9px;color:rgba(255,255,255,0.55);font-weight:600;letter-spacing:.05em;text-transform:uppercase">Gassi-Score</div>
<div style="display:flex;align-items:baseline;gap:3px;margin-top:1px">