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">
<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-btn type="submit" :disabled="processing" small>Submit</ui-btn> -->
</form>
</div>
@ -140,6 +139,9 @@ export default {
<style scoped>
.search-results-container {
max-height: calc(100vh - 180px);
max-height: calc(100vh - 182px);
}
.playerOpen .search-results-container {
max-height: calc(100vh - 282px);
}
</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>
<!-- metadata -->
<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">
Narrators
</div>
<div v-if="narrators.length" class="truncate text-sm">
<div class="grid gap-2 my-4" style="grid-template-columns: max-content auto">
<div v-if="narrators && narrators.length" class="text-white text-opacity-60 uppercase text-sm">Narrators</div>
<div v-if="narrators && narrators.length" class="truncate text-sm">
<template v-for="(narrator, index) in narrators">
<nuxt-link :key="narrator" :to="`/bookshelf/library?filter=narrators.${$encode(narrator)}`">{{ narrator }}</nuxt-link
><span :key="index" v-if="index < narrators.length - 1">, </span>
</template>
</div>
<div v-if="publishedYear" class="text-white text-opacity-60 uppercase text-sm">
Published
</div>
<div v-if="publishedYear" class="text-white text-opacity-60 uppercase text-sm">Published</div>
<div v-if="publishedYear" class="text-sm">
{{ publishedYear }}
</div>
<div v-if="genres.length" class="text-white text-opacity-60 uppercase text-sm">
Genres
</div>
<div v-if="genres.length" class="text-white text-opacity-60 uppercase text-sm">Genres</div>
<div v-if="genres.length" class="truncate text-sm">
<template v-for="(genre, index) in genres">
<nuxt-link :key="genre" :to="`/bookshelf/library?filter=genres.${$encode(genre)}`" class="hover:underline">{{ genre }}</nuxt-link