mirror of
https://github.com/RGBCube/Site
synced 2025-08-01 13:37:49 +00:00
cube: unfix size
This commit is contained in:
parent
e25d198cc9
commit
23bdfef6cc
3 changed files with 19 additions and 6 deletions
|
@ -4,6 +4,15 @@ prevent_zoom: true
|
||||||
---
|
---
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
html {
|
||||||
|
font-size: min(9svw, 9svh, 4.5rem);
|
||||||
|
overscroll-behavior: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
cube-scene {
|
||||||
|
height: 100dvh;
|
||||||
|
}
|
||||||
|
|
||||||
cube-face {
|
cube-face {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
|
|
@ -1,9 +1,4 @@
|
||||||
<style>
|
<style>
|
||||||
html {
|
|
||||||
font-size: min(9svw, 9svh, 4.5rem);
|
|
||||||
overscroll-behavior: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
cube-face {
|
cube-face {
|
||||||
height: {{ cube_size }};
|
height: {{ cube_size }};
|
||||||
width: {{ cube_size }};
|
width: {{ cube_size }};
|
||||||
|
@ -21,9 +16,9 @@
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<cube-scene class="
|
<cube-scene class="
|
||||||
h-dvh w-dvw
|
|
||||||
flex items-center justify-center
|
flex items-center justify-center
|
||||||
perspective-[calc({{ cube_size.replaceAll(" ", "_") }}*3)]
|
perspective-[calc({{ cube_size.replaceAll(" ", "_") }}*3)]
|
||||||
|
overscroll-none
|
||||||
">
|
">
|
||||||
<cube-itself class="
|
<cube-itself class="
|
||||||
size-[{{ cube_size }}]
|
size-[{{ cube_size }}]
|
||||||
|
|
|
@ -3,6 +3,15 @@ prevent_zoom: true
|
||||||
---
|
---
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
html {
|
||||||
|
font-size: min(9svw, 9svh, 4.5rem);
|
||||||
|
overscroll-behavior: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
cube-scene {
|
||||||
|
height: 100dvh;
|
||||||
|
}
|
||||||
|
|
||||||
cube-face {
|
cube-face {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue