okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

more library artists fixes

Browse source
This commit is contained in:
vapormusic 2022-03-26 23:23:25 +07:00
parent fedd28d8a6
commit d4b12fd595
3 changed files with 21 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/renderer/less/pages.less
View file

@ -281,7 +281,7 @@
// Podcast Page
.content-inner.library-artists-page {
// top: 0;
height: calc(100% - var(--navigationBarHeight));
height: calc(100% - 60px - var(--navigationBarHeight));
padding: 0px;
.inner-container {
display: flex;
@ -331,7 +331,7 @@
}
.episodes-list {
height : 100%;
height: calc(100% + 60px);
width : 100%;
background: rgb(200 200 200 / 6%);
overflow-y: overlay;

9
src/renderer/views/components/inline-collection-list.ejs
View file

@ -42,7 +42,12 @@
type: String,
required: false,
default: "artists"
}
},
parentSelector: {
type: String,
required: false,
default: null
},
},
data: function() {
return {
@ -69,7 +74,7 @@
},
scrollToTop() {
let target = document.querySelector(".header-text")
document.querySelector("#app-content").scrollTo({
document.querySelector(this.parentSelector ?? ".collection-page").scrollTo({
top: 0,
left: 0,
behavior: 'smooth'

10
src/renderer/views/pages/library-artists.ejs
View file

@ -7,13 +7,21 @@
</div> -->
<div class="inner-container">
<div class="list-container">
<div class="col" style="padding:0;">
<div class="search-input-container" style="width:calc(100%-20px);margin: 16px 10px 10px 10px;">
<div class="search-input--icon"></div>
<input type="search" style="width:100%;" spellcheck="false" :placeholder="$root.getLz('term.search') + '...'" @input="$root.searchLibraryArtists" v-model="library.artists.search" class="search-input">
</div>
</div>
<div class="podcasts-list">
<libraryartist-item :show-duration="false" :show-meta-data="true" :show-library-status="false" :item="item" v-for="item in library.artists.displayListing">
</libraryartist-item>
</div>
</div>
<div class="episodes-list" >
<div class="episodes-inline-info" v-if="clready">
<inline-collection-list :data="clresponse" :type="cltype" :title="cltitle"></inline-collection-list>
<inline-collection-list :parentSelector="'.episodes-list'" :data="clresponse" :type="cltype" :title="cltitle"></inline-collection-list>
</div>
</div>
</div>