mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-05 04:53:01 +00:00
hide SEE ALL button when albums are few
+ remove album color from album card bg
This commit is contained in:
committed by
Mungai Njoroge
parent
5ebfd4df7f
commit
92172fe1c0
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user