mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-04 20:43:04 +00:00
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:
committed by
Mungai Geoffrey
parent
34a214df22
commit
77a5d2b7c2
+7
-19
@@ -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%;
|
||||
|
||||
Reference in New Issue
Block a user