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

Merge pull request #43 from ok2/codex/match-time-block-height-to-clock-in-landscape-mode

Browse Source 
Align landscape time block with analog clock
This commit is contained in:
Kiyomichi Kosaka 2025-06-15 14:27:39 +02:00 committed by GitHub
commit f40f3b8425
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
style.css
View File

@ -72,7 +72,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
height: 40vmin; height: var(--clock-size);
} }
.current-time.manual::before { .current-time.manual::before {
@ -370,6 +370,7 @@
/* Layout combining current time and analog clock */ /* Layout combining current time and analog clock */
.time-display { .time-display {
--clock-size: 40vmin;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
@ -379,7 +380,6 @@
.analog-clock-container { .analog-clock-container {
--clock-size: 40vmin;
flex: 0 0 auto; flex: 0 0 auto;
width: var(--clock-size); width: var(--clock-size);
margin-left: auto; margin-left: auto;
@ -518,7 +518,7 @@ body.fullscreen-clock .clock-label {
} }
@media only screen and (max-height: 430px) and (orientation: landscape) { @media only screen and (max-height: 430px) and (orientation: landscape) {
.analog-clock-container { .time-display {
--clock-size: 70vmin; --clock-size: 70vmin;
} }
} }