diff --git a/client/assets/styles/instance.mobile.css b/client/assets/styles/instance.mobile.css index fe027000..17f25098 100644 --- a/client/assets/styles/instance.mobile.css +++ b/client/assets/styles/instance.mobile.css @@ -1,4 +1,4 @@ -@media (max-height: 800px), (max-width: 800px) { +@media (max-height: 800px), (max-width: 1000px) { .instance { display: grid; grid-template-columns: 100%; @@ -45,7 +45,7 @@ } #toggle-vbox:checked ~ .vbox { display: none; } - #toggle-vbox:checked ~ .equip { + #toggle-vbox:checked ~ .equip { display: initial; grid-area: first; } @@ -53,8 +53,8 @@ #toggle-vbox:checked ~ .highlight { display: initial; } - - #toggle-vbox:checked ~ .cryp-list { + + #toggle-vbox:checked ~ .cryp-list { grid-area: second; display: flex; justify-content: center; diff --git a/client/assets/styles/styles.mobile.css b/client/assets/styles/styles.mobile.css index 366d3e96..a051e0ba 100644 --- a/client/assets/styles/styles.mobile.css +++ b/client/assets/styles/styles.mobile.css @@ -1,4 +1,4 @@ -@media (max-height: 800px), (max-width: 800px) { +@media (max-height: 800px), (max-width: 1000px) { #cryps { font-size: 55%; grid-template-columns: min-content 1fr; @@ -50,7 +50,7 @@ #toggle-nav:checked #toggle-nav-label { color: #ababab; } - + #toggle-nav:checked ~ nav { opacity: 1; pointer-events: auto;