mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-04 18:15:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

14
components/bookshelf/LazyBookshelf.vue
View file

@ -105,8 +105,18 @@ export default {
return this.$store.getters['libraries/getBookCoverAspectRatio']
},
bookWidth() {
var coverSize = 100
if (window.innerWidth <= 375) coverSize = 90
const availableWidth = window.innerWidth - 16
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
return coverSize