send processing album colors to a background thread

- use white color as default album page play button color
- return 404 if album is None on get_album_bio()
This commit is contained in:
geoffrey45
2022-07-02 08:21:10 +03:00
committed by Mungai Geoffrey
parent 34a214df22
commit 77a5d2b7c2
7 changed files with 44 additions and 68 deletions
+7 -19
View File
@@ -4,21 +4,20 @@
<div>
<Header :album="album.info" />
</div>
<div class="separator" id="av-sep"></div>
<div class="songs rounded">
<SongList :tracks="album.tracks" :on_album_page="true" />
</div>
<div class="separator" id="av-sep"></div>
<div
id="bottom-items"
class="rounded"
ref="albumbottomcards"
@click="expandBottom"
>
<FeaturedArtists :artists="album.artists" /> <div v-if="album.bio">
<div class="separator" id="av-sep"></div>
<AlbumBio :bio="album.bio" />
</div>
<FeaturedArtists :artists="album.artists" />
<div v-if="album.bio">
<div class="separator" id="av-sep"></div>
<AlbumBio :bio="album.bio" />
</div>
</div>
</div>
</div>
@@ -43,16 +42,7 @@ onBeforeRouteUpdate(async (to) => {
album.fetchBio(to.params.hash.toString());
});
function increaseBottomHeight(e: WheelEvent) {
e.preventDefault();
console.log(e.ctrlKey);
const elem = albumbottomcards.value;
const pos = elem.offsetHeight + 100;
elem.style.height = `${pos}px`;
}
function expandBottom(){
function expandBottom() {
const elem = albumbottomcards.value;
elem.style.height = `${40}rem`;
}
@@ -62,12 +52,10 @@ function expandBottom(){
.al-view {
scrollbar-width: none;
height: 100%;
// border: solid red 1px;
position: relative;
overflow: hidden;
.al-content {
// border: solid blue 1px;
height: 100%;
overflow: auto;
padding-bottom: 17rem;
@@ -75,6 +63,7 @@ function expandBottom(){
.songs {
min-height: calc(100% - 31.5rem);
margin-top: $small;
}
&::-webkit-scrollbar {
@@ -88,7 +77,6 @@ function expandBottom(){
#bottom-items {
z-index: 77;
padding: $small;
// border: solid red;
position: absolute;
bottom: 0;
width: 100%;