Ensure analog page width
This commit is contained in:
parent
a7d623f5ff
commit
1fcd399de3
@ -18,6 +18,7 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
#clock {
|
||||
position: relative;
|
||||
|
||||
13
style.css
13
style.css
@ -68,6 +68,11 @@
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 40vmin;
|
||||
}
|
||||
|
||||
.current-time.manual::before {
|
||||
@ -366,13 +371,15 @@
|
||||
.time-display {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.analog-clock-container {
|
||||
flex: 0 0 300px;
|
||||
flex: 0 0 auto;
|
||||
width: 40vmin;
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user