zink/animated_wallpaper
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enlarge weather forecast table with bigger text and icons

Browse Source
This commit is contained in:
Richard Zink committed 2026-10-07 11:37:05 +02:00
1 parent c101cd6d0b
commit b915f30672
1 file changed
+18 -17
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+18 -17
View File
@@ -150,35 +150,35 @@
.weather-current { .weather-current {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.6vw; gap: 0.8vw;
padding: 0.2vh 0 0.4vh 0; padding: 0.6vh 0 0.8vh 0;
border-bottom: 1px solid rgba(230, 223, 209, 0.2); border-bottom: 1px solid rgba(230, 223, 209, 0.2);
margin-bottom: 0.4vh; margin-bottom: 0.8vh;
} }
.weather-current-icon { .weather-current-icon {
width: 2.2em; width: 3em;
height: 2.2em; height: 3em;
flex-shrink: 0; flex-shrink: 0;
} }
.weather-current-icon svg { width: 100%; height: 100%; } .weather-current-icon svg { width: 100%; height: 100%; }
.weather-current-temp { .weather-current-temp {
font-size: 1.6em; font-size: 2.2em;
font-weight: bold; font-weight: bold;
} }
.weather-current-detail { .weather-current-detail {
font-size: 0.8em; font-size: 1em;
color: #b0a89a; color: #b0a89a;
line-height: 1.3; line-height: 1.3;
} }
.weather-day { .weather-day {
margin-bottom: 0.3vh; margin-bottom: 0.8vh;
} }
.weather-day-header { .weather-day-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: baseline; align-items: baseline;
padding: 0.1vh 0; padding: 0.3vh 0;
font-size: 0.9em; font-size: 1.15em;
} }
.weather-day-name { .weather-day-name {
color: #e6dfd1; color: #e6dfd1;
@@ -186,29 +186,30 @@
} }
.weather-day-minmax { .weather-day-minmax {
color: #999187; color: #999187;
font-size: 0.8em; font-size: 0.95em;
} }
.weather-day-slots { .weather-day-slots {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
gap: 0.2vw; gap: 0.4vw;
font-size: 0.8em; font-size: 1.05em;
margin-top: 0.4vh;
} }
.weather-slot { .weather-slot {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
flex: 1; flex: 1;
gap: 0.1vh; gap: 0.4vh;
} }
.weather-slot-icon { .weather-slot-icon {
width: 1.6em; width: 2.5em;
height: 1.6em; height: 2.5em;
} }
.weather-slot-icon svg { width: 100%; height: 100%; } .weather-slot-icon svg { width: 100%; height: 100%; }
.weather-slot-label { .weather-slot-label {
color: #999187; color: #999187;
font-size: 0.7em; font-size: 0.85em;
} }
.weather-slot-temp { .weather-slot-temp {
color: #e6dfd1; color: #e6dfd1;