mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-07-02 01:54:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fix:Render bookshelf on small screens

Browse source
This commit is contained in:
advplyr 2023-01-25 17:32:52 -06:00
parent ccd206e95d
commit 062d4dc069
3 changed files with 4 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

3
components/bookshelf/LazyBookshelf.vue
View file

@ -173,6 +173,7 @@ export default {
if (!this.initialized) {
this.initialized = true
this.totalEntities = payload.total
console.log('Entities per shelf', this.entitiesPerShelf)
this.totalShelves = Math.ceil(this.totalEntities / this.entitiesPerShelf)
this.entities = new Array(this.totalEntities)
this.$eventBus.$emit('bookshelf-total-entities', this.totalEntities)
@ -309,7 +310,7 @@ export default {
var { clientHeight, clientWidth } = bookshelf
this.bookshelfHeight = clientHeight
this.bookshelfWidth = clientWidth
this.entitiesPerShelf = this.showBookshelfListView ? 1 : Math.floor((this.bookshelfWidth - 16) / this.totalEntityCardWidth)
this.entitiesPerShelf = Math.max(1, this.showBookshelfListView ? 1 : Math.floor((this.bookshelfWidth - 16) / this.totalEntityCardWidth))
this.shelvesPerPage = Math.ceil(this.bookshelfHeight / this.shelfHeight) + 2
this.bookshelfMarginLeft = (this.bookshelfWidth - this.entitiesPerShelf * this.totalEntityCardWidth) / 2