make albums on artist page reactive

+ show artist name on artist album component on album page
+ attach artist page link to artist card
+ use small artist page on album header
+ use album color on genre banner on album page
This commit is contained in:
geoffrey45
2022-12-04 19:35:16 +03:00
committed by Mungai Njoroge
parent 075765088f
commit e54fea2d4d
14 changed files with 104 additions and 60 deletions
+8 -14
View File
@@ -61,7 +61,7 @@
}"
>
<img
:src="imguri.artist + a.image"
:src="imguri.artist.small + a.image"
class="shadow-lg circular"
loading="lazy"
:title="a.name"
@@ -164,27 +164,21 @@ useVisibility(albumheaderthing, handleVisibilityState);
.art {
display: inline-flex;
align-items: center;
flex-direction: row-reverse;
// background-color: red;
// align-items: center;
gap: $small;
img {
height: 4rem;
height: 3rem;
background-color: $gray;
border: solid 2px $white;
}
img:last-child {
height: 4rem;
margin-top: 5px;
a {
transition: all 0.25s ease-in-out;
}
img:not(:last-child) {
margin-left: -2rem;
}
img:hover {
z-index: 10;
a:hover {
transform: scale(1.4);
}
}