Reduce sizes to fit panel within viewport
This commit is contained in:
1 parent
386588a118
commit
66d2569914
1 file changed
+6
-6
+6
-6
@@ -15,11 +15,11 @@
|
|||||||
right: 1.5vw;
|
right: 1.5vw;
|
||||||
color: #e6dfd1;
|
color: #e6dfd1;
|
||||||
background: rgba(28, 27, 31, 0.7);
|
background: rgba(28, 27, 31, 0.7);
|
||||||
padding: 1.2vh 1.2vw;
|
padding: 1vh 1vw;
|
||||||
border-radius: 0.6vh;
|
border-radius: 0.6vh;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
font-size: clamp(11px, 1.5vh, 16px);
|
font-size: clamp(10px, 1.1vh, 14px);
|
||||||
line-height: 1.6;
|
line-height: 1.5;
|
||||||
min-width: 22vw;
|
min-width: 22vw;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -27,9 +27,9 @@
|
|||||||
max-height: calc(100vh - 4vh);
|
max-height: calc(100vh - 4vh);
|
||||||
}
|
}
|
||||||
#analog-clock {
|
#analog-clock {
|
||||||
width: min(70vh, 35vw);
|
width: min(40vh, 18vw);
|
||||||
height: min(70vh, 35vw);
|
height: min(40vh, 18vw);
|
||||||
margin: 0 auto 1vh auto;
|
margin: 0 auto 0.6vh auto;
|
||||||
display: block;
|
display: block;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in new issue
Block a user