feat: smaller column width to fit 2 columns in landscape mobiles

pull/1777/head
Adrian 2022-01-16 11:24:23 +01:00
parent 8888b9f446
commit 7870e89bc0
1 changed files with 2 additions and 1 deletions

View File

@ -283,6 +283,7 @@ export default {
data: function () {
return {
showLimit: 50,
columnWidth: 280,
dragCounter: 0,
width: window.innerWidth,
itemWeight: 0,
@ -599,7 +600,7 @@ export default {
colunmsResize() {
// Update the columns size based on the window width.
let columns = Math.floor(
document.querySelector("main").offsetWidth / 300
document.querySelector("main").offsetWidth / this.columnWidth
);
let items = css(["#listing.mosaic .item", ".mosaic#listing .item"]);
if (columns === 0) columns = 1;