extern/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2024-10-06 18:22:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix epub ereader theme sticking for other ebook formats

Browse Source
This commit is contained in:
advplyr 2023-06-18 12:56:32 -05:00
parent a96869f547
commit a8bc1df3e7
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/components/readers/EpubReader.vue
View File

@ -69,7 +69,7 @@ export default {
}, },
/** @returns {Array<ePub.NavItem>} */ /** @returns {Array<ePub.NavItem>} */
chapters() { chapters() {
return this.book ? this.book.navigation.toc : [] return this.book?.navigation?.toc || []
}, },
userMediaProgress() { userMediaProgress() {
if (!this.libraryItemId) return if (!this.libraryItemId) return

7
client/components/readers/Reader.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div v-if="show" id="reader" :data-theme="ereaderSettings.theme" class="group absolute top-0 left-0 w-full z-60 data-[theme=dark]:bg-primary data-[theme=dark]:text-white data-[theme=light]:bg-white data-[theme=light]:text-black" :class="{ 'reader-player-open': !!streamLibraryItem }"> <div v-if="show" id="reader" :data-theme="ereaderTheme" class="group absolute top-0 left-0 w-full z-60 data-[theme=dark]:bg-primary data-[theme=dark]:text-white data-[theme=light]:bg-white data-[theme=light]:text-black" :class="{ 'reader-player-open': !!streamLibraryItem }">
<div class="absolute top-4 left-4 z-20 flex items-center"> <div class="absolute top-4 left-4 z-20 flex items-center">
<button v-if="isEpub" @click="toggleToC" type="button" aria-label="Table of contents menu" class="inline-flex opacity-80 hover:opacity-100"> <button v-if="isEpub" @click="toggleToC" type="button" aria-label="Table of contents menu" class="inline-flex opacity-80 hover:opacity-100">
<span class="material-icons text-2xl">menu</span> <span class="material-icons text-2xl">menu</span>
@ -51,6 +51,7 @@
</div> </div>
</div> </div>
<!-- ereader settings modal -->
<modals-modal v-model="showSettings" name="ereader-settings-modal" :width="500" :height="'unset'" :processing="false"> <modals-modal v-model="showSettings" name="ereader-settings-modal" :width="500" :height="'unset'" :processing="false">
<template #outer> <template #outer>
<div class="absolute top-0 left-0 p-5 w-3/4 overflow-hidden"> <div class="absolute top-0 left-0 p-5 w-3/4 overflow-hidden">
@ -118,6 +119,10 @@ export default {
this.$store.commit('setShowEReader', val) this.$store.commit('setShowEReader', val)
} }
}, },
ereaderTheme() {
if (this.isEpub) return this.ereaderSettings.theme
return 'dark'
},
spreadItems() { spreadItems() {
return [ return [
{ {