starred/audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2026-08-26 13:24:39 +02:00
Code Issues 454 Packages Projects Releases 10 Wiki Activity

Fix:Add podcast form cutoff by open player #750

Browse Source
This commit is contained in:
advplyr
2023-06-21 17:23:51 -05:00
parent 46b82a81ce
commit f8fbeef9b7
1 changed files with 5 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/bookshelf/search.vue
+5 -14
View File
@@ -1,8 +1,8 @@
<template> <template>
<div class="w-full h-full relative overflow-hidden"> <div class="w-full h-full relative overflow-hidden">
<template v-if="!showSelectedFeed"> <template v-if="!showSelectedFeed">
<div class="w-full mx-auto py-5 px-2"> <div class="w-full mx-auto h-20 flex items-center px-2">
<form @submit.prevent="submit"> <form class="w-full" @submit.prevent="submit">
<ui-text-input v-model="searchInput" :disabled="processing || !networkConnected" placeholder="Enter search term or RSS feed URL" text-size="sm" /> <ui-text-input v-model="searchInput" :disabled="processing || !networkConnected" placeholder="Enter search term or RSS feed URL" text-size="sm" />
</form> </form>
</div> </div>
@@ -10,7 +10,7 @@
<div v-if="!networkConnected" class="w-full text-center py-6"> <div v-if="!networkConnected" class="w-full text-center py-6">
<p class="text-lg text-error">No network connection</p> <p class="text-lg text-error">No network connection</p>
</div> </div>
<div v-else class="w-full mx-auto pb-2 search-results-container overflow-y-auto overflow-x-hidden"> <div v-else class="w-full mx-auto pb-2 overflow-y-auto overflow-x-hidden h-[calc(100%-85px)]">
<p v-if="termSearched && !results.length && !processing" class="text-center text-xl">No Podcasts Found</p> <p v-if="termSearched && !results.length && !processing" class="text-center text-xl">No Podcasts Found</p>
<template v-for="podcast in results"> <template v-for="podcast in results">
<div :key="podcast.id" class="p-2 border-b border-white border-opacity-10" @click="selectPodcast(podcast)"> <div :key="podcast.id" class="p-2 border-b border-white border-opacity-10" @click="selectPodcast(podcast)">
@@ -33,14 +33,14 @@
</div> </div>
</template> </template>
<template v-else> <template v-else>
<div class="flex items-center py-4 px-2"> <div class="flex items-center px-2 h-16">
<div class="flex items-center" @click="clearSelected"> <div class="flex items-center" @click="clearSelected">
<span class="material-icons text-2xl text-gray-300">arrow_back</span> <span class="material-icons text-2xl text-gray-300">arrow_back</span>
<p class="pl-2 uppercase text-sm font-semibold text-gray-300 leading-4 pb-px">Back</p> <p class="pl-2 uppercase text-sm font-semibold text-gray-300 leading-4 pb-px">Back</p>
</div> </div>
</div> </div>
<div class="w-full py-2 search-results-container overflow-y-auto overflow-x-hidden"> <div class="w-full py-2 overflow-y-auto overflow-x-hidden h-[calc(100%-69px)]">
<forms-new-podcast-form :podcast-data="selectedPodcast" :podcast-feed-data="selectedPodcastFeed" :processing.sync="processing" /> <forms-new-podcast-form :podcast-data="selectedPodcast" :podcast-feed-data="selectedPodcastFeed" :processing.sync="processing" />
</div> </div>
</template> </template>
@@ -147,12 +147,3 @@ export default {
} }
} }
</script> </script>
<style scoped>
.search-results-container {
max-height: calc(100vh - 182px);
}
.playerOpen .search-results-container {
max-height: calc(100vh - 282px);
}
</style>