36 lines
739 B
CSS
36 lines
739 B
CSS
@media (max-height: 800px), (max-width: 800px) {
|
|
.instance {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: min-content;
|
|
grid-template-areas:
|
|
"top"
|
|
"vbox"
|
|
}
|
|
|
|
.instance .equip { display: none; }
|
|
.instance .info { display: none; }
|
|
.instance .cryp-list { display: none; }
|
|
|
|
.vbox {
|
|
grid-area: vbox;
|
|
display: grid;
|
|
grid-template-rows: min-content min-content min-content;
|
|
grid-template-columns: 1fr;
|
|
grid-template-areas:
|
|
"vbox"
|
|
"inventory"
|
|
"combiner";
|
|
}
|
|
|
|
.vbox-inventory {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.vbox-combiner {
|
|
grid-area: combiner;
|
|
}
|
|
|
|
|
|
|
|
} |