style: text over axes
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
697b8d1f42
commit
82907f451e
2 changed files with 13 additions and 6 deletions
|
@ -45,7 +45,7 @@
|
|||
}
|
||||
|
||||
.window {
|
||||
margin-top: 1em;
|
||||
margin-top: calc(1em / 0.8);
|
||||
font-size: 0.8em;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -24,7 +24,7 @@
|
|||
onMount(() => {
|
||||
window.addEventListener('dblclick', () => {
|
||||
document.body.requestFullscreen();
|
||||
})
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
@ -42,7 +42,9 @@
|
|||
<Axes />
|
||||
|
||||
<div class="outer"></div>
|
||||
<div class="inner">
|
||||
<div class="inner"></div>
|
||||
|
||||
<div class="info">
|
||||
<ScreenInfo />
|
||||
</div>
|
||||
|
||||
|
@ -84,9 +86,6 @@
|
|||
width: calc(var(--block-size) * var(--circle-blocks));
|
||||
height: calc(var(--block-size) * var(--circle-blocks));
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: 1px solid white;
|
||||
background: rgba(0, 0, 0, 0.66);
|
||||
border-radius: 50%;
|
||||
|
@ -106,6 +105,14 @@
|
|||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.info {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.column {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
|
Loading…
Reference in a new issue