tyler.durden/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-07-26 23:24:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

📱 Ignore custom grid, when on tiny screen/ mobile

Browse Source
This commit is contained in:
Alicia Sykes 2021-10-11 22:17:22 +01:00
parent 67b0e69b78
commit a21dc50597
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/LinkItems/Section.vue
View File

@ -105,10 +105,12 @@ export default {
}, },
gridStyle() { gridStyle() {
let styles = ''; let styles = '';
styles += this.displayData.itemCountX if (document.body.clientWidth > 600) { // Only proceed if not on tiny screen
? `grid-template-columns: repeat(${this.displayData.itemCountX}, minmax(0, 1fr));` : ''; styles += this.displayData.itemCountX
styles += this.displayData.itemCountY ? `grid-template-columns: repeat(${this.displayData.itemCountX}, minmax(0, 1fr));` : '';
? `grid-template-rows: repeat(${this.displayData.itemCountY}, minmax(0, 1fr));` : ''; styles += this.displayData.itemCountY
? `grid-template-rows: repeat(${this.displayData.itemCountY}, minmax(0, 1fr));` : '';
}
return styles; return styles;
}, },
}, },