Panel width matches clock size, vertically centered

This commit is contained in:
Richard Zink committed 2026-10-07 08:55:17 +02:00
1 parent 741bb11e7b
commit 925d672db0
1 file changed
+8 -7
+8 -7
View File
@@ -10,25 +10,26 @@
#vanta { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; }
#info-panel {
position: fixed;
top: 2vh;
bottom: 2vh;
top: 50%;
right: 1.5vw;
transform: translateY(-50%);
color: #e6dfd1;
background: rgba(28, 27, 31, 0.7);
padding: 1vh 1vw;
padding: 1.5vh 1.5vw;
border-radius: 0.6vh;
z-index: 9999;
font-size: clamp(11px, 1.4vh, 16px);
line-height: 1.5;
min-width: 22vw;
width: min(35vh, 16vw);
max-height: 96vh;
display: flex;
flex-direction: column;
overflow-y: auto;
max-height: calc(100vh - 4vh);
align-items: stretch;
}
#analog-clock {
width: min(35vh, 16vw);
height: min(35vh, 16vw);
width: 100%;
height: auto;
margin: 0 auto 0.6vh auto;
display: block;
flex-shrink: 0;