josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions 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
Download Patch File Download Diff File Expand all files Collapse all files

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

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