mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-06-29 16:47:45 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix:Bookshelf list view wrong entity height #179

Browse source
This commit is contained in:
advplyr 2022-05-12 18:24:36 -05:00
parent 92256f2fed
commit d5fafd8cab
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/bookshelf/LazyBookshelf.vue
View file

@ -3,7 +3,7 @@
<template v-for="shelf in totalShelves"> <template v-for="shelf in totalShelves">
<div :key="shelf" class="w-full px-2 relative" :class="showBookshelfListView ? '' : 'bookshelfRow'" :id="`shelf-${shelf - 1}`" :style="{ height: shelfHeight + 'px' }"> <div :key="shelf" class="w-full px-2 relative" :class="showBookshelfListView ? '' : 'bookshelfRow'" :id="`shelf-${shelf - 1}`" :style="{ height: shelfHeight + 'px' }">
<div v-if="!showBookshelfListView" class="bookshelfDivider w-full absolute bottom-0 left-0 z-30" style="min-height: 16px" :class="`h-${shelfDividerHeightIndex}`" /> <div v-if="!showBookshelfListView" class="bookshelfDivider w-full absolute bottom-0 left-0 z-30" style="min-height: 16px" :class="`h-${shelfDividerHeightIndex}`" />
<div v-else class="flex border-t border-white border-opacity-10 my-3 py-1"/> <div v-else class="flex border-t border-white border-opacity-10" />
</div> </div>
</template> </template>
@ -25,11 +25,11 @@ export default {
mixins: [bookshelfCardsHelpers], mixins: [bookshelfCardsHelpers],
data() { data() {
return { return {
entitiesPerShelf: 2,
bookshelfHeight: 0, bookshelfHeight: 0,
bookshelfWidth: 0, bookshelfWidth: 0,
bookshelfMarginLeft: 0, bookshelfMarginLeft: 0,
shelvesPerPage: 0, shelvesPerPage: 0,
entitiesPerShelf: 2,
currentPage: 0, currentPage: 0,
booksPerFetch: 20, booksPerFetch: 20,
initialized: false, initialized: false,
@ -119,7 +119,7 @@ export default {
return this.$store.getters['libraries/getCurrentLibraryMediaType'] return this.$store.getters['libraries/getCurrentLibraryMediaType']
}, },
shelfHeight() { shelfHeight() {
if (this.showBookshelfListView) return this.entityHeight if (this.showBookshelfListView) return this.entityHeight + 16
return this.entityHeight + 40 return this.entityHeight + 40
}, },
totalEntityCardWidth() { totalEntityCardWidth() {