mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-05 04:53:01 +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
@@ -3,11 +3,8 @@
|
||||
<div class="header">
|
||||
<div class="headin">Featured Artists</div>
|
||||
<div class="xcontrols">
|
||||
<div class="expand rounded">
|
||||
EXPAND
|
||||
</div>
|
||||
<div class="prev icon" @click="scrollLeft()"></div>
|
||||
<div class="next icon" @click="scrollRight()"></div>
|
||||
<div class="prev icon" @click="scrollLeft()"><ArrowSvg /></div>
|
||||
<div class="next icon" @click="scrollRight()"><ArrowSvg /></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator no-border"></div>
|
||||
@@ -25,6 +22,7 @@
|
||||
import { ref } from "@vue/reactivity";
|
||||
import ArtistCard from "@/components/shared/ArtistCard.vue";
|
||||
import { Artist } from "@/interfaces";
|
||||
import ArrowSvg from "../../assets/icons/right-arrow.svg";
|
||||
|
||||
defineProps<{
|
||||
artists: Artist[];
|
||||
@@ -57,9 +55,7 @@ const scrollRight = () => {
|
||||
padding-bottom: 0;
|
||||
border-radius: $small;
|
||||
user-select: none;
|
||||
// background: linear-gradient(0deg, transparent, $black);
|
||||
position: relative;
|
||||
// background-color: #ffffff00;
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
@@ -70,7 +66,6 @@ const scrollRight = () => {
|
||||
.headin {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 900;
|
||||
// border: solid;
|
||||
margin-left: $small;
|
||||
}
|
||||
}
|
||||
@@ -89,35 +84,21 @@ const scrollRight = () => {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.icon {
|
||||
background: url(../../assets/icons/right-arrow.svg) no-repeat center;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
border-radius: $small;
|
||||
cursor: pointer;
|
||||
transition: all 0.5s ease;
|
||||
background-color: rgb(51, 51, 51);
|
||||
padding: $smaller;
|
||||
|
||||
svg {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $blue;
|
||||
background-color: $accent;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
}
|
||||
|
||||
.expand {
|
||||
background-color: $gray3;
|
||||
padding: $smaller 1rem;
|
||||
font-size: 0.9rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.icon {
|
||||
height: 1rem;
|
||||
aspect-ratio: 1;
|
||||
background-color: transparent;
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.f-artists > .artists {
|
||||
|
||||
Reference in New Issue
Block a user