mirror/advplyr.audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-07-16 04:14:58 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Bookshelf cover size setting and widget

Browse source
This commit is contained in:
advplyr 2021-08-26 09:47:51 -05:00
parent 091aa6ef82
commit b4a62dbf4b
11 changed files with 90 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

9
client/components/cards/BookCover.vue
View file

@ -1,7 +1,9 @@
<template>
<div class="relative rounded-sm overflow-hidden" :style="{ height: width * 1.6 + 'px', width: width + 'px', maxWidth: width + 'px', minWidth: width + 'px' }">
<div class="w-full h-full bg-bg relative">
<div v-if="showCoverBg" class="absolute top-0 left-0 w-full h-full z-0" ref="coverBg" />
<div class="w-full h-full relative">
<div v-if="showCoverBg" class="bg-primary absolute top-0 left-0 w-full h-full">
<div class="w-full h-full z-0" ref="coverBg" />
</div>
<img ref="cover" :src="cover" @error="imageError" @load="imageLoaded" class="w-full h-full absolute top-0 left-0" :class="showCoverBg ? 'object-contain' : 'object-cover'" />
</div>
@ -24,8 +26,6 @@
</template>
<script>
import Path from 'path'
export default {
props: {
audiobook: {
@ -85,7 +85,6 @@ export default {
console.error(err)
return ''
}
return `${process.env.serverUrl}/${Path.normalize(this.cover)}`
},
cover() {
return this.book.cover || this.placeholderUrl