sudoxreboot/audiobookshelf-atv
1
0
Fork 0
mirror of https://github.com/sudoxnym/audiobookshelf-atv.git synced 2026-04-14 11:36:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update:Authors page increase size to fill width with 2 per row #1026

Browse source
This commit is contained in:
advplyr 2024-02-02 18:33:23 -06:00
parent f5ec247b47
commit bb117ab4da
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
pages/bookshelf/authors.vue
View file

@ -3,7 +3,7 @@
<div id="bookshelf" class="w-full h-full p-4 overflow-y-auto">
<div class="flex flex-wrap justify-center">
<template v-for="author in authors">
<cards-author-card :key="author.id" :author="author" :width="96" :height="120" class="p-2" />
<cards-author-card :key="author.id" :author="author" :width="cardWidth" :height="cardHeight" class="p-2" />
</template>
</div>
</div>
@ -16,16 +16,21 @@ export default {
return {
loading: true,
authors: [],
loadedLibraryId: null
loadedLibraryId: null,
cardWidth: 200
}
},
computed: {
currentLibraryId() {
return this.$store.state.libraries.currentLibraryId
},
cardHeight() {
return this.cardWidth * 1.25
}
},
methods: {
async init() {
this.cardWidth = (window.innerWidth - 64) / 2
if (!this.currentLibraryId) {
return
}