Enlarge weather forecast table with bigger text and icons
This commit is contained in:
1 parent
c101cd6d0b
commit
b915f30672
1 file changed
+18
-17
+18
-17
@@ -150,35 +150,35 @@
|
||||
.weather-current {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.6vw;
|
||||
padding: 0.2vh 0 0.4vh 0;
|
||||
gap: 0.8vw;
|
||||
padding: 0.6vh 0 0.8vh 0;
|
||||
border-bottom: 1px solid rgba(230, 223, 209, 0.2);
|
||||
margin-bottom: 0.4vh;
|
||||
margin-bottom: 0.8vh;
|
||||
}
|
||||
.weather-current-icon {
|
||||
width: 2.2em;
|
||||
height: 2.2em;
|
||||
width: 3em;
|
||||
height: 3em;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.weather-current-icon svg { width: 100%; height: 100%; }
|
||||
.weather-current-temp {
|
||||
font-size: 1.6em;
|
||||
font-size: 2.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.weather-current-detail {
|
||||
font-size: 0.8em;
|
||||
font-size: 1em;
|
||||
color: #b0a89a;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.weather-day {
|
||||
margin-bottom: 0.3vh;
|
||||
margin-bottom: 0.8vh;
|
||||
}
|
||||
.weather-day-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
padding: 0.1vh 0;
|
||||
font-size: 0.9em;
|
||||
padding: 0.3vh 0;
|
||||
font-size: 1.15em;
|
||||
}
|
||||
.weather-day-name {
|
||||
color: #e6dfd1;
|
||||
@@ -186,29 +186,30 @@
|
||||
}
|
||||
.weather-day-minmax {
|
||||
color: #999187;
|
||||
font-size: 0.8em;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
.weather-day-slots {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 0.2vw;
|
||||
font-size: 0.8em;
|
||||
gap: 0.4vw;
|
||||
font-size: 1.05em;
|
||||
margin-top: 0.4vh;
|
||||
}
|
||||
.weather-slot {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
gap: 0.1vh;
|
||||
gap: 0.4vh;
|
||||
}
|
||||
.weather-slot-icon {
|
||||
width: 1.6em;
|
||||
height: 1.6em;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
}
|
||||
.weather-slot-icon svg { width: 100%; height: 100%; }
|
||||
.weather-slot-label {
|
||||
color: #999187;
|
||||
font-size: 0.7em;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
.weather-slot-temp {
|
||||
color: #e6dfd1;
|
||||
|
||||
Reference in new issue
Block a user