41 lines
772 B
SCSS
41 lines
772 B
SCSS
|
@media screen and (max-width: 900px) {
|
||
|
|
#mine-wrapper .game-wrapper .users {
|
||
|
|
visibility: hidden;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#mine-wrapper {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#mine-wrapper .game-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
flex-direction: column-reverse;
|
||
|
|
}
|
||
|
|
|
||
|
|
#mine-wrapper .grid-container {
|
||
|
|
width: 100%;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#mine-wrapper .grid {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#mine-wrapper .grid .field-wrapper {
|
||
|
|
width: 6.25%;
|
||
|
|
aspect-ratio: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#mine-wrapper .grid .field-wrapper > img.field-target {
|
||
|
|
width: 105%;
|
||
|
|
top: -2.5%;
|
||
|
|
left: -2.5%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#mine-wrapper .grid .field-wrapper .field {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
}
|