diff --git a/index.html b/index.html index 4510b5e..d93ad7c 100644 --- a/index.html +++ b/index.html @@ -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;