github
/
filebrowser
mirror of https://github.com/filebrowser/filebrowser
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/views/files/Listing.vue
View File

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