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

filebrowser · Feb 10, 2022 · 7870e89 · 7870e89
1 parent 8888b9f
commit 7870e89
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/frontend/src/views/files/Listing.vue b/frontend/src/views/files/Listing.vue
@@ -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;