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

Update:Cleanup audio player

Browse Source
This commit is contained in:
advplyr 2023-01-08 09:38:37 -06:00
parent 08d16ce7c2
commit 3c25e87e8d
2 changed files with 12 additions and 8 deletions

19
client/components/app/StreamContainer.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div v-if="streamLibraryItem" id="streamContainer" class="w-full fixed bottom-0 left-0 right-0 h-48 sm:h-44 md:h-40 z-50 bg-primary px-4 pb-1 md:pb-4 pt-2"> <div v-if="streamLibraryItem" id="streamContainer" class="w-full fixed bottom-0 left-0 right-0 h-48 sm:h-44 md:h-40 z-50 bg-primary px-2 md:px-4 pb-1 md:pb-4 pt-2">
<div id="videoDock" /> <div id="videoDock" />
<nuxt-link v-if="!playerHandler.isVideo" :to="`/item/${streamLibraryItem.id}`" class="absolute left-1 sm:left-4 cursor-pointer" :style="{ top: bookCoverPosTop + 'px' }"> <nuxt-link v-if="!playerHandler.isVideo" :to="`/item/${streamLibraryItem.id}`" class="absolute left-2 top-2 md:left-4 cursor-pointer">
<covers-book-cover :library-item="streamLibraryItem" :width="bookCoverWidth" :book-cover-aspect-ratio="coverAspectRatio" /> <covers-book-cover :library-item="streamLibraryItem" :width="bookCoverWidth" :book-cover-aspect-ratio="coverAspectRatio" />
</nuxt-link> </nuxt-link>
<div class="flex items-start mb-6 md:mb-0" :class="playerHandler.isVideo ? 'ml-4 pl-96' : 'pl-20 sm:pl-24'"> <div class="flex items-start mb-6 md:mb-0" :class="playerHandler.isVideo ? 'ml-4 pl-96' : isSquareCover ? 'pl-18 sm:pl-24' : 'pl-12 sm:pl-16'">
<div> <div>
<nuxt-link :to="`/item/${streamLibraryItem.id}`" class="hover:underline cursor-pointer text-sm sm:text-lg"> <nuxt-link :to="`/item/${streamLibraryItem.id}`" class="hover:underline cursor-pointer text-sm sm:text-lg">
{{ title }} {{ title }}
@ -86,12 +86,15 @@ export default {
coverAspectRatio() { coverAspectRatio() {
return this.$store.getters['libraries/getBookCoverAspectRatio'] return this.$store.getters['libraries/getBookCoverAspectRatio']
}, },
bookCoverWidth() { isSquareCover() {
return 88 return this.coverAspectRatio === 1
}, },
bookCoverPosTop() { isMobile() {
if (this.coverAspectRatio == 1) return -10 return this.$store.state.globals.isMobile
return -64 },
bookCoverWidth() {
if (this.isMobile) return 64 / this.coverAspectRatio
return 77 / this.coverAspectRatio
}, },
cover() { cover() {
if (this.media.coverPath) return this.media.coverPath if (this.media.coverPath) return this.media.coverPath

1
client/tailwind.config.js
View File

@ -62,6 +62,7 @@ module.exports = {
'80': '20rem' '80': '20rem'
}, },
spacing: { spacing: {
'18': '4.5rem',
'-54': '-13.5rem' '-54': '-13.5rem'
}, },
rotate: { rotate: {