kaizenkodo/CoBiE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix analog clock scaling in landscape

Browse Source
This commit is contained in:
Kiyomichi Kosaka 2025-06-15 14:21:47 +02:00
parent 0a55bba1c9
commit eb3e206006
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
style.css
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 { .eonstrip-grid {
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
@ -512,6 +505,7 @@ body.fullscreen-clock .clock-label {
box-shadow: 0 0 8px #33ff99; box-shadow: 0 0 8px #33ff99;
} }
.hand.megasequence { .hand.megasequence {
width: 6px; width: 6px;
height: 18%; height: 18%;
@ -519,6 +513,12 @@ body.fullscreen-clock .clock-label {
box-shadow: 0 0 8px #ffbb33; 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 .header,
body.fullscreen-clock .current-time, body.fullscreen-clock .current-time,
body.fullscreen-clock .timezone-selector, body.fullscreen-clock .timezone-selector,