mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-06-23 05:38:58 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Update:Increased padding on modals

Browse source
This commit is contained in:
advplyr 2023-02-26 14:41:18 -06:00
parent da442f4a17
commit 02089e1489
14 changed files with 19 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/modals/BookmarksModal.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<modals-modal v-model="show" :width="300" height="100%"> <modals-modal v-model="show" :width="300" height="100%">
<template #outer> <template #outer>
<div class="absolute top-5 left-4 z-40"> <div class="absolute top-8 left-4 z-40">
<p class="text-white text-2xl truncate">Bookmarks</p> <p class="text-white text-2xl truncate">Bookmarks</p>
</div> </div>
</template> </template>

2
components/modals/ChaptersModal.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<modals-modal v-model="show" :width="350" height="100%"> <modals-modal v-model="show" :width="350" height="100%">
<template #outer> <template #outer>
<div v-if="currentChapter" class="absolute top-7 left-4 z-40" style="max-width: 80%"> <div v-if="currentChapter" class="absolute top-8 left-4 z-40 pt-0.5" style="max-width: 80%">
<p class="text-white text-lg truncate">Current: {{ currentChapterTitle }}</p> <p class="text-white text-lg truncate">Current: {{ currentChapterTitle }}</p>
</div> </div>
</template> </template>

4
components/modals/Dialog.vue
View file

@ -1,8 +1,8 @@
<template> <template>
<modals-modal v-model="show" :width="300" height="100%"> <modals-modal v-model="show" :width="300" height="100%">
<template #outer> <template #outer>
<div v-if="title" class="absolute top-7 left-4 z-40" style="max-width: 80%"> <div v-if="title" class="absolute top-8 left-4 z-40" style="max-width: 80%">
<p class="text-white text-lg truncate">{{ title }}</p> <p class="text-white text-xl truncate">{{ title }}</p>
</div> </div>
</template> </template>

2
components/modals/FilterModal.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<modals-modal v-model="show" width="90%" height="100%"> <modals-modal v-model="show" width="90%" height="100%">
<template #outer> <template #outer>
<div v-show="selected !== 'all'" class="absolute top-4 left-4 z-40"> <div v-show="selected !== 'all'" class="absolute top-6 left-4 z-40">
<ui-btn class="text-xl border-yellow-400 border-opacity-40" @click="clearSelected">Clear</ui-btn> <ui-btn class="text-xl border-yellow-400 border-opacity-40" @click="clearSelected">Clear</ui-btn>
</div> </div>
</template> </template>

2
components/modals/ItemDetailsModal.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<modals-modal v-model="show" :width="400" height="100%"> <modals-modal v-model="show" :width="400" height="100%">
<template #outer> <template #outer>
<div class="absolute top-5 left-4 z-40"> <div class="absolute top-8 left-4 z-40">
<p class="text-white text-2xl truncate">Details</p> <p class="text-white text-2xl truncate">Details</p>
</div> </div>
</template> </template>

2
components/modals/LibrariesModal.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<modals-modal v-model="show" :width="300" :processing="processing" height="100%"> <modals-modal v-model="show" :width="300" :processing="processing" height="100%">
<template #outer> <template #outer>
<div class="absolute top-4 left-4 z-40" style="max-width: 80%"> <div class="absolute top-8 left-4 z-40" style="max-width: 80%">
<p class="text-white text-2xl truncate">Libraries</p> <p class="text-white text-2xl truncate">Libraries</p>
</div> </div>
</template> </template>

2
components/modals/Modal.vue
View file

@ -2,7 +2,7 @@
<div ref="wrapper" class="modal modal-bg w-full h-full max-h-screen fixed top-0 left-0 bg-primary bg-opacity-75 flex items-center justify-center z-50 opacity-0"> <div ref="wrapper" class="modal modal-bg w-full h-full max-h-screen fixed top-0 left-0 bg-primary bg-opacity-75 flex items-center justify-center z-50 opacity-0">
<div class="absolute top-0 left-0 w-full h-40 bg-gradient-to-b from-black to-transparent opacity-90 pointer-events-none" /> <div class="absolute top-0 left-0 w-full h-40 bg-gradient-to-b from-black to-transparent opacity-90 pointer-events-none" />
<div class="absolute z-40 top-4 right-4 h-12 w-12 flex items-center justify-center cursor-pointer text-white hover:text-gray-300" @click="show = false"> <div class="absolute z-40 top-6 right-4 h-12 w-12 flex items-center justify-center cursor-pointer text-white hover:text-gray-300" @click="show = false">
<span class="material-icons text-4xl">close</span> <span class="material-icons text-4xl">close</span>
</div> </div>
<slot name="outer" /> <slot name="outer" />

2
components/modals/PlaybackSpeedModal.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<modals-modal v-model="show" @input="modalInput" :width="200" height="100%"> <modals-modal v-model="show" @input="modalInput" :width="200" height="100%">
<template #outer> <template #outer>
<div class="absolute top-5 left-4 z-40"> <div class="absolute top-8 left-4 z-40">
<p class="text-white text-2xl truncate">Playback Speed</p> <p class="text-white text-2xl truncate">Playback Speed</p>
</div> </div>
</template> </template>

10
components/modals/PodcastEpisodesFeedModal.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<modals-modal v-model="show" width="100%" height="100%" max-width="100%"> <modals-modal v-model="show" width="100%" height="100%" max-width="100%">
<template #outer> <template #outer>
<div class="absolute top-6 left-4 z-40"> <div class="absolute top-8 left-4 z-40">
<p class="text-white text-2xl truncate">Feed Episodes</p> <p class="text-white text-2xl truncate">Feed Episodes</p>
</div> </div>
</template> </template>
@ -22,7 +22,7 @@
</div> </div>
</template> </template>
</div> </div>
<div class="absolute bottom-0 left-0 w-full flex items-center" style="height: 50px"> <div class="absolute bottom-6 left-0 w-full flex items-center" style="height: 50px">
<ui-btn class="w-full" :disabled="!episodesSelected.length" color="success" @click.stop="downloadEpisodes">{{ episodesSelected.length ? `Add ${episodesSelected.length} Episode(s) to Server` : 'No Episodes Selected' }}</ui-btn> <ui-btn class="w-full" :disabled="!episodesSelected.length" color="success" @click.stop="downloadEpisodes">{{ episodesSelected.length ? `Add ${episodesSelected.length} Episode(s) to Server` : 'No Episodes Selected' }}</ui-btn>
</div> </div>
</div> </div>
@ -130,8 +130,8 @@ export default {
<style> <style>
.feed-content { .feed-content {
height: calc(100vh - 125px); height: calc(100vh - 150px);
max-height: calc(100vh - 125px); max-height: calc(100vh - 150px);
margin-top: 20px; margin-top: 5px;
} }
</style> </style>

2
components/modals/SelectLocalFolderModal.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<modals-modal v-model="show" :width="300" height="100%"> <modals-modal v-model="show" :width="300" height="100%">
<template #outer> <template #outer>
<div class="absolute top-7 left-4 z-40" style="max-width: 80%"> <div class="absolute top-8 left-4 z-40" style="max-width: 80%">
<p class="text-white text-lg truncate">Select Local Folder</p> <p class="text-white text-lg truncate">Select Local Folder</p>
</div> </div>
</template> </template>

2
components/modals/SleepTimerLengthModal.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<modals-modal v-model="show" :width="200" height="100%"> <modals-modal v-model="show" :width="200" height="100%">
<template #outer> <template #outer>
<div class="absolute top-5 left-4 z-40"> <div class="absolute top-8 left-4 z-40">
<p class="text-white text-2xl truncate">Sleep Timer</p> <p class="text-white text-2xl truncate">Sleep Timer</p>
</div> </div>
</template> </template>

2
components/modals/SleepTimerModal.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<modals-modal v-model="show" :width="200" height="100%"> <modals-modal v-model="show" :width="200" height="100%">
<template #outer> <template #outer>
<div class="absolute top-5 left-4 z-40"> <div class="absolute top-8 left-4 z-40">
<p class="text-white text-2xl truncate">Sleep Timer</p> <p class="text-white text-2xl truncate">Sleep Timer</p>
</div> </div>
</template> </template>

2
components/modals/playlists/AddCreateModal.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<modals-modal v-model="show" :width="360" height="100%" :processing="processing"> <modals-modal v-model="show" :width="360" height="100%" :processing="processing">
<template #outer> <template #outer>
<div class="absolute top-5 left-4 z-40"> <div class="absolute top-8 left-4 z-40">
<p class="text-white text-2xl truncate">Add to Playlist</p> <p class="text-white text-2xl truncate">Add to Playlist</p>
</div> </div>
</template> </template>

2
plugins/capacitor/AbsAudioPlayer.js
View file

@ -53,7 +53,7 @@ class AbsAudioPlayerWeb extends WebPlugin {
var playbackSession = await $axios.$post(route, { mediaPlayer: 'html5-mobile', forceDirectPlay: true }) var playbackSession = await $axios.$post(route, { mediaPlayer: 'html5-mobile', forceDirectPlay: true })
if (playbackSession) { if (playbackSession) {
if (startTime !== undefined && startTime !== null) playbackSession.currentTime = startTime if (startTime !== undefined && startTime !== null) playbackSession.currentTime = startTime
this.setAudioPlayer(playbackSession, true) this.setAudioPlayer(playbackSession, playWhenReady)
} }
} }
return false return false