Add:Podcast search page #225

This commit is contained in:
advplyr 2022-12-07 17:57:42 -06:00
parent 8365e06762
commit 705bbaccc1
4 changed files with 156 additions and 3 deletions

View file

@ -1,8 +1,8 @@
<template>
<div class="w-full h-full">
<home-bookshelf-nav-bar />
<home-bookshelf-toolbar v-show="!isHome && !isLatest" />
<div id="bookshelf-wrapper" class="main-content overflow-y-auto overflow-x-hidden relative" :class="isHome ? 'home-page' : ''">
<home-bookshelf-toolbar v-show="!hideToolbar" />
<div id="bookshelf-wrapper" class="main-content overflow-y-auto overflow-x-hidden relative" :class="hideToolbar ? 'no-toolbar' : ''">
<nuxt-child />
</div>
</div>
@ -14,11 +14,17 @@ export default {
return {}
},
computed: {
hideToolbar() {
return this.isHome || this.isLatest || this.isPodcastSearch
},
isHome() {
return this.$route.name === 'bookshelf'
},
isLatest() {
return this.$route.name === 'bookshelf-latest'
},
isPodcastSearch() {
return this.$route.name === 'bookshelf-search'
}
}
}
@ -31,7 +37,7 @@ export default {
min-height: calc(100% - 72px);
max-width: 100vw;
}
.main-content.home-page {
.main-content.no-toolbar {
height: calc(100% - 36px);
max-height: calc(100% - 36px);
min-height: calc(100% - 36px);