Fix analog clock scaling in landscape

This commit is contained in:
Kiyomichi Kosaka 2025-06-15 14:21:47 +02:00
parent 0a55bba1c9
commit eb3e206006

View File

@ -360,13 +360,6 @@
}
}
@media only screen
and (max-height: 430px) /* iPhone landscape heights around 390px */
and (orientation: landscape) {
.analog-clock-container {
--clock-size: 70vmin; /* roughly 1.7x larger than default */
}
}
.eonstrip-grid {
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
@ -512,6 +505,7 @@ body.fullscreen-clock .clock-label {
box-shadow: 0 0 8px #33ff99;
}
.hand.megasequence {
width: 6px;
height: 18%;
@ -519,6 +513,12 @@ body.fullscreen-clock .clock-label {
box-shadow: 0 0 8px #ffbb33;
}
@media only screen and (max-height: 430px) and (orientation: landscape) {
.analog-clock-container {
--clock-size: 70vmin;
}
}
body.fullscreen-clock .header,
body.fullscreen-clock .current-time,
body.fullscreen-clock .timezone-selector,