mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-07-05 11:34:50 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

Update epub reader settings to be 75vh

Browse source
This commit is contained in:
advplyr 2025-01-18 11:48:41 -06:00
parent 13d3489cde
commit d1641ac0e8
2 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/modals/FullscreenModal.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div ref="wrapper" class="modal modal-bg w-screen fixed bottom-0 left-0 flex items-center justify-center z-50" :class="halfScreen ? 'h-[50vh] min-h-[400px]' : 'h-screen'" @click.stop @touchstart.stop @touchend.stop> <div ref="wrapper" class="modal modal-bg w-screen fixed bottom-0 left-0 flex items-center justify-center z-50" :class="threeQuartersScreen ? 'h-[75vh] min-h-[400px]' : 'h-screen'" @click.stop @touchstart.stop @touchend.stop>
<div ref="content" class="relative text-fg h-full w-full bg-bg"> <div ref="content" class="relative text-fg h-full w-full bg-bg">
<slot /> <slot />
</div> </div>
@ -11,7 +11,7 @@ export default {
props: { props: {
value: Boolean, value: Boolean,
processing: Boolean, processing: Boolean,
halfScreen: Boolean threeQuartersScreen: Boolean
}, },
data() { data() {
return { return {

2
components/readers/Reader.vue
View file

@ -54,7 +54,7 @@
</modals-fullscreen-modal> </modals-fullscreen-modal>
<!-- ereader settings modal --> <!-- ereader settings modal -->
<modals-fullscreen-modal v-model="showSettingsModal" :theme="ereaderTheme"> <modals-fullscreen-modal v-model="showSettingsModal" :theme="ereaderTheme" threeQuartersScreen>
<div style="box-shadow: 0px -8px 8px #11111155"> <div style="box-shadow: 0px -8px 8px #11111155">
<div class="flex items-end justify-between h-20 px-4 pb-2 mb-6"> <div class="flex items-end justify-between h-20 px-4 pb-2 mb-6">
<h1 class="text-lg">{{ $strings.HeaderEreaderSettings }}</h1> <h1 class="text-lg">{{ $strings.HeaderEreaderSettings }}</h1>