starred/audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2026-08-27 05:43:58 +02:00
Code Issues 454 Packages Projects Releases 10 Wiki Activity

Update bookshelf item width to more accurately fill shelf for smaller screens #1540

Browse Source
This commit is contained in:
advplyr
2025-04-11 17:46:19 -05:00
parent 9ca160f1da
commit ea2e8c7cc9
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/bookshelf/LazyBookshelf.vue
+12 -2
View File
@@ -105,8 +105,18 @@ export default {
return this.$store.getters['libraries/getBookCoverAspectRatio'] return this.$store.getters['libraries/getBookCoverAspectRatio']
}, },
bookWidth() { bookWidth() {
var coverSize = 100 const availableWidth = window.innerWidth - 16
if (window.innerWidth <= 375) coverSize = 90 let coverSize = 100
// Smaller screens fill width with 2 items per row
if (availableWidth <= 400) {
coverSize = Math.floor(availableWidth / 2 - 24)
if (coverSize < 120) {
// Fallback to 1 item per row
coverSize = Math.min(availableWidth - 24, 200)
}
if (this.isCoverSquareAspectRatio || this.entityName === 'playlists') coverSize /= 1.6
}
if (this.isCoverSquareAspectRatio || this.entityName === 'playlists') return coverSize * 1.6 if (this.isCoverSquareAspectRatio || this.entityName === 'playlists') return coverSize * 1.6
return coverSize return coverSize