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

Merge pull request #41 from ok2/codex/fix-analog-clock-size-in-landscape-mode

Browse Source 
Fix analog clock scaling in iPhone landscape
This commit is contained in:
Kiyomichi Kosaka 2025-06-15 14:22:08 +02:00 committed by GitHub
commit 433c4e6a75
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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: 26%; height: 26%;
@ -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,