bigger mobile width
This commit is contained in:
parent
dcf7ef6f15
commit
f9c519ca83
@ -1,4 +1,4 @@
|
|||||||
@media (max-height: 800px), (max-width: 800px) {
|
@media (max-height: 800px), (max-width: 1000px) {
|
||||||
.instance {
|
.instance {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 100%;
|
grid-template-columns: 100%;
|
||||||
@ -45,7 +45,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#toggle-vbox:checked ~ .vbox { display: none; }
|
#toggle-vbox:checked ~ .vbox { display: none; }
|
||||||
#toggle-vbox:checked ~ .equip {
|
#toggle-vbox:checked ~ .equip {
|
||||||
display: initial;
|
display: initial;
|
||||||
grid-area: first;
|
grid-area: first;
|
||||||
}
|
}
|
||||||
@ -53,8 +53,8 @@
|
|||||||
#toggle-vbox:checked ~ .highlight {
|
#toggle-vbox:checked ~ .highlight {
|
||||||
display: initial;
|
display: initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
#toggle-vbox:checked ~ .cryp-list {
|
#toggle-vbox:checked ~ .cryp-list {
|
||||||
grid-area: second;
|
grid-area: second;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
@media (max-height: 800px), (max-width: 800px) {
|
@media (max-height: 800px), (max-width: 1000px) {
|
||||||
#cryps {
|
#cryps {
|
||||||
font-size: 55%;
|
font-size: 55%;
|
||||||
grid-template-columns: min-content 1fr;
|
grid-template-columns: min-content 1fr;
|
||||||
@ -50,7 +50,7 @@
|
|||||||
#toggle-nav:checked #toggle-nav-label {
|
#toggle-nav:checked #toggle-nav-label {
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
}
|
}
|
||||||
|
|
||||||
#toggle-nav:checked ~ nav {
|
#toggle-nav:checked ~ nav {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user