Merge pull request #41 from ok2/codex/fix-analog-clock-size-in-landscape-mode
Fix analog clock scaling in iPhone landscape
This commit is contained in:
commit
433c4e6a75
14
style.css
14
style.css
@ -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: 26%;
|
||||
@ -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,
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user