redesign the load more button to match other buttons

This commit is contained in:
geoffrey45
2022-08-03 14:07:53 +03:00
parent 2b6b4078fa
commit 7b2e162ed4
9 changed files with 23 additions and 57 deletions
@@ -1,6 +1,6 @@
<template>
<div class="artists-results" v-if="search.artists.value.length">
<div class="grid">
<div class="search-results-grid">
<ArtistCard
v-for="artist in search.artists.value"
:key="artist.image"
@@ -35,15 +35,8 @@ function loadMore() {
.artist-image {
width: 7rem;
height: 7rem;
aspect-ratio: 1 !important;
object-fit: cover;
}
}
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.75rem;
}
}
</style>