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

Reasonable weather sizing, enable scroll

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