Update:Fix epub3 background color, increase padding on top of ereader

This commit is contained in:
advplyr 2023-06-01 17:19:16 -05:00
parent 9dcf22614c
commit a9ae7bfdb8
5 changed files with 17 additions and 11 deletions

View file

@ -3,7 +3,7 @@
<div class="absolute overflow-hidden left-0 right-0 w-full max-w-full m-auto z-10 border border-black border-opacity-20 shadow-md bg-white">
<iframe title="html-viewer" class="w-full overflow-hidden"> Loading </iframe>
</div>
<div class="fixed bottom-0 left-0 h-8 w-full bg-bg px-2 flex items-center z-20" :style="{ bottom: playerLibraryItemId ? '120px' : '0px' }">
<div class="fixed bottom-0 left-0 h-8 w-full bg-primary px-2 flex items-center z-20" :style="{ bottom: playerLibraryItemId ? '120px' : '0px' }">
<p class="text-xs">mobi</p>
<div class="flex-grow" />
</div>
@ -119,14 +119,14 @@ export default {
<style>
.mobi-ebook-viewer {
height: calc(100% - 52px);
max-height: calc(100% - 52px);
height: calc(100% - 32px);
max-height: calc(100% - 32px);
overflow-x: hidden;
overflow-y: auto;
}
.reader-player-open .mobi-ebook-viewer {
height: calc(100% - 152px);
max-height: calc(100% - 152px);
height: calc(100% - 132px);
max-height: calc(100% - 132px);
overflow-x: hidden;
overflow-y: auto;
}