platypush/platypush
platypush
/
platypush
2
2
Fork 4
Code Issues 44 Pull Requests Packages Projects 4 Releases Wiki Activity

Optimized panel size for tablet

This commit is contained in:
Fabio Manganiello 2020-12-16 22:31:04 +01:00
parent e5c8adfc1b
commit 1726cbd96a
1 changed files with 3 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
platypush/backend/http/webapp/src/components/MenuPanel.vue
View File

@ -64,13 +64,12 @@ export default {
}
}
@media screen and (max-width: $tablet) {
@media screen and (max-width: $desktop) {
.menu-panel {
padding-top: 0;
.content {
min-width: 100%;
border-radius: 0;
.row {
&:first-child {
@ -85,7 +84,7 @@ export default {
}
}
@media screen and (min-width: $tablet) {
@media screen and (min-width: $desktop) {
.menu-panel {
.content {
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) {
.menu-panel {
.content {
min-width: 40%;
min-width: 50%;
}
}
}