hide SEE ALL button when albums are few

+ remove album color from album card bg
This commit is contained in:
geoffrey45
2022-12-07 18:21:45 +03:00
committed by Mungai Njoroge
parent 5ebfd4df7f
commit 92172fe1c0
3 changed files with 14 additions and 80 deletions
+8 -4
View File
@@ -1,10 +1,8 @@
<template>
<div
class="artist-albums"
>
<div class="artist-albums">
<h3>
<span>{{ title }} </span>
<span class="see-more">SEE ALL</span>
<span class="see-more" v-if="maxAbumCards <= albums.length">SEE ALL</span>
</h3>
<div class="cards">
<AlbumCard v-for="a in albums.slice(0, maxAbumCards)" :album="a" />
@@ -45,5 +43,11 @@ defineProps<{
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
gap: 5rem 0;
}
.album-card {
&:hover {
background-color: $gray;
}
}
}
</style>