Equal spacing on all sides (top, right, bottom = 2vh)
This commit is contained in:
1 parent
dcb026fe2c
commit
ba74c68026
1 file changed
+3
-5
+3
-5
@@ -10,9 +10,9 @@
|
|||||||
#vanta { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; }
|
#vanta { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; }
|
||||||
#info-panel {
|
#info-panel {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
top: 2vh;
|
||||||
right: 1.5vw;
|
right: 2vh;
|
||||||
transform: translateY(-50%);
|
bottom: 2vh;
|
||||||
color: #e6dfd1;
|
color: #e6dfd1;
|
||||||
background: rgba(28, 27, 31, 0.7);
|
background: rgba(28, 27, 31, 0.7);
|
||||||
padding: 1.5vh 1.5vw;
|
padding: 1.5vh 1.5vw;
|
||||||
@@ -21,7 +21,6 @@
|
|||||||
font-size: clamp(11px, 1.4vh, 16px);
|
font-size: clamp(11px, 1.4vh, 16px);
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
width: clamp(280px, min(35vh, 30vw), 40vw);
|
width: clamp(280px, min(35vh, 30vw), 40vw);
|
||||||
max-height: 96vh;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
@@ -31,7 +30,6 @@
|
|||||||
@media (orientation: portrait) and (max-width: 700px) {
|
@media (orientation: portrait) and (max-width: 700px) {
|
||||||
#info-panel {
|
#info-panel {
|
||||||
width: 90vw;
|
width: 90vw;
|
||||||
right: 5vw;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#analog-clock {
|
#analog-clock {
|
||||||
|
|||||||
Reference in new issue
Block a user