Fix:Open audio player covering up add new podcast button #502

This commit is contained in:
advplyr 2023-01-11 17:17:53 -06:00
parent 7de0304a3d
commit 716d07c74e
2 changed files with 9 additions and 13 deletions

View file

@ -4,7 +4,6 @@
<div class="w-full mx-auto py-5 px-2"> <div class="w-full mx-auto py-5 px-2">
<form @submit.prevent="submit"> <form @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" />
<!-- <ui-btn type="submit" :disabled="processing" small>Submit</ui-btn> -->
</form> </form>
</div> </div>
@ -140,6 +139,9 @@ export default {
<style scoped> <style scoped>
.search-results-container { .search-results-container {
max-height: calc(100vh - 180px); max-height: calc(100vh - 182px);
}
.playerOpen .search-results-container {
max-height: calc(100vh - 282px);
} }
</style> </style>

View file

@ -36,27 +36,21 @@
<p v-else-if="isLocal && libraryItem.serverAddress" style="font-size: 10px" class="text-gray-400 py-1">{{ libraryItem.serverAddress }}</p> <p v-else-if="isLocal && libraryItem.serverAddress" style="font-size: 10px" class="text-gray-400 py-1">{{ libraryItem.serverAddress }}</p>
<!-- metadata --> <!-- metadata -->
<div class="grid gap-2 my-4" style="grid-template-columns: max-content auto;"> <div class="grid gap-2 my-4" style="grid-template-columns: max-content auto">
<div v-if="narrators.length" class="text-white text-opacity-60 uppercase text-sm"> <div v-if="narrators && narrators.length" class="text-white text-opacity-60 uppercase text-sm">Narrators</div>
Narrators <div v-if="narrators && narrators.length" class="truncate text-sm">
</div>
<div v-if="narrators.length" class="truncate text-sm">
<template v-for="(narrator, index) in narrators"> <template v-for="(narrator, index) in narrators">
<nuxt-link :key="narrator" :to="`/bookshelf/library?filter=narrators.${$encode(narrator)}`">{{ narrator }}</nuxt-link <nuxt-link :key="narrator" :to="`/bookshelf/library?filter=narrators.${$encode(narrator)}`">{{ narrator }}</nuxt-link
><span :key="index" v-if="index < narrators.length - 1">, </span> ><span :key="index" v-if="index < narrators.length - 1">, </span>
</template> </template>
</div> </div>
<div v-if="publishedYear" class="text-white text-opacity-60 uppercase text-sm"> <div v-if="publishedYear" class="text-white text-opacity-60 uppercase text-sm">Published</div>
Published
</div>
<div v-if="publishedYear" class="text-sm"> <div v-if="publishedYear" class="text-sm">
{{ publishedYear }} {{ publishedYear }}
</div> </div>
<div v-if="genres.length" class="text-white text-opacity-60 uppercase text-sm"> <div v-if="genres.length" class="text-white text-opacity-60 uppercase text-sm">Genres</div>
Genres
</div>
<div v-if="genres.length" class="truncate text-sm"> <div v-if="genres.length" class="truncate text-sm">
<template v-for="(genre, index) in genres"> <template v-for="(genre, index) in genres">
<nuxt-link :key="genre" :to="`/bookshelf/library?filter=genres.${$encode(genre)}`" class="hover:underline">{{ genre }}</nuxt-link <nuxt-link :key="genre" :to="`/bookshelf/library?filter=genres.${$encode(genre)}`" class="hover:underline">{{ genre }}</nuxt-link