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

Merge pull request #13 from ok2/codex/improve-layout-of-current-cobie-time-and-analog-clock

Browse Source 
Improve time and analog clock layout
This commit is contained in:
Kiyomichi Kosaka 2025-06-14 23:36:15 +02:00 committed by GitHub
commit 76bb243d9e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
analog.html
View File

@ -18,6 +18,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100%; height: 100%;
width: 100%;
} }
#clock { #clock {
position: relative; position: relative;

13
style.css
View File

@ -68,6 +68,11 @@
text-align: center; text-align: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
height: 40vmin;
} }
.current-time.manual::before { .current-time.manual::before {
@ -366,13 +371,15 @@
.time-display { .time-display {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: flex-start;
align-items: flex-start; align-items: stretch;
gap: 20px; gap: 20px;
} }
.analog-clock-container { .analog-clock-container {
flex: 0 0 300px; flex: 0 0 auto;
width: 40vmin;
margin-left: auto;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;