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

this basically works

Browse source
This commit is contained in:
SoNothing 2022-06-24 15:59:30 +08:00
parent 0ca0b34ff0
commit d89a29ee95
No known key found for this signature in database
GPG key ID: 89EFF63E1DBC0176
3 changed files with 30 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -658,6 +658,22 @@
width : 100%;
height : 100%;
.playlist-hero {
width : 100%;
transform: translateX(+25%);
position: absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
.mediaitem-artwork {
-webkit-mask-image: -webkit-radial-gradient(center, circle cover, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 75%);
border-radius: 0px;
}
}
>.row {
width: calc(100% - 32px);
}

2
src/renderer/views/pages/artist.ejs
View file

@ -178,7 +178,7 @@
return this.data.attributes?.editorialArtwork?.centeredFullscreenBackground.url
} else if(this.data.attributes?.editorialArtwork?.bannerUber) {
return this.data.attributes?.editorialArtwork?.bannerUber.url
}else if(this.data.attributes?.editorialArtwork?.subscriptionHero){
} else if(this.data.attributes?.editorialArtwork?.subscriptionHero){
return this.data.attributes?.editorialArtwork?.subscriptionHero.url
}
return false;

13
src/renderer/views/pages/cider-playlist.ejs
View file

@ -11,6 +11,9 @@
<div class="playlist-display"
@mouseover.self="minClass(false)">
<div class="playlistInfo">
<div class="playlist-hero" v-if="hasHero()">
<mediaitem-artwork shadow="none" :url="hasHero()" size="2048" />
</div>
<div class="row">
<div class="col-auto flex-center" @mouseover="minClass(false)">
<div class="mediaContainer">
@ -364,6 +367,16 @@
isHeaderVisible(visible) {
this.headerVisible = visible
},
hasHero() {
if(this.data.attributes?.editorialArtwork?.bannerUber){
return this.data.attributes?.editorialArtwork?.bannerUber.url
} else if(this.data.attributes?.editorialArtwork?.subscriptionHero) {
return this.data.attributes?.editorialArtwork?.subscriptionHero.url
} else if(this.data.attributes?.editorialArtwork?.storeFlowcase){
return this.data.attributes?.editorialArtwork?.storeFlowcase.url
}
return false;
},
getBadges() {
return
if (this.badgesRequested) {