Optimized panel size for tablet

This commit is contained in:
Fabio Manganiello 2020-12-16 22:31:04 +01:00
parent e5c8adfc1b
commit 1726cbd96a

View file

@ -64,13 +64,12 @@ export default {
} }
} }
@media screen and (max-width: $tablet) { @media screen and (max-width: $desktop) {
.menu-panel { .menu-panel {
padding-top: 0; padding-top: 0;
.content { .content {
min-width: 100%; min-width: 100%;
border-radius: 0;
.row { .row {
&:first-child { &:first-child {
@ -85,7 +84,7 @@ export default {
} }
} }
@media screen and (min-width: $tablet) { @media screen and (min-width: $desktop) {
.menu-panel { .menu-panel {
.content { .content {
min-width: 75%; min-width: 75%;
@ -93,18 +92,10 @@ export default {
} }
} }
@media screen and (min-width: $desktop) {
.menu-panel {
.content {
min-width: 50%;
}
}
}
@media screen and (min-width: $widescreen) { @media screen and (min-width: $widescreen) {
.menu-panel { .menu-panel {
.content { .content {
min-width: 40%; min-width: 50%;
} }
} }
} }