From 062d4dc069d7d76686e1851a2ed863ca14efad9b Mon Sep 17 00:00:00 2001 From: advplyr Date: Wed, 25 Jan 2023 17:32:52 -0600 Subject: [PATCH 1/5] Fix:Render bookshelf on small screens --- components/bookshelf/LazyBookshelf.vue | 3 +- components/cards/LazySeriesCard.vue | 4 -- pages/bookshelf/series/index.vue | 89 +------------------------- 3 files changed, 4 insertions(+), 92 deletions(-) diff --git a/components/bookshelf/LazyBookshelf.vue b/components/bookshelf/LazyBookshelf.vue index 347301f8..0d3bafed 100644 --- a/components/bookshelf/LazyBookshelf.vue +++ b/components/bookshelf/LazyBookshelf.vue @@ -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 diff --git a/components/cards/LazySeriesCard.vue b/components/cards/LazySeriesCard.vue index 13ccfade..f19aa574 100644 --- a/components/cards/LazySeriesCard.vue +++ b/components/cards/LazySeriesCard.vue @@ -61,10 +61,6 @@ export default { }, seriesId() { return this.series ? this.series.id : null - }, - hasValidCovers() { - var validCovers = this.books.map((bookItem) => bookItem.book.cover) - return !!validCovers.length } }, methods: { diff --git a/pages/bookshelf/series/index.vue b/pages/bookshelf/series/index.vue index bf9e9ab3..d1ccb958 100644 --- a/pages/bookshelf/series/index.vue +++ b/pages/bookshelf/series/index.vue @@ -5,94 +5,9 @@