Fix: misc. layout fix on mobile

This commit is contained in:
Nelson Chan 2022-06-14 22:43:44 +08:00
parent 0bd1c42080
commit 62acd2edb1
4 changed files with 34 additions and 8 deletions

View file

@ -69,10 +69,22 @@ export default {
};
},
computed: {
/**
* Improve the sticky appearance of the list by increasing its
* height as user scrolls down.
* Not used on mobile.
*/
boxStyle() {
return {
height: `calc(100vh - 160px + ${this.windowTop}px)`,
};
if (window.innerWidth > 550) {
return {
height: `calc(100vh - 160px + ${this.windowTop}px)`,
};
} else {
return {
height: "calc(100vh - 160px)",
};
}
},
sortedMonitorList() {