mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-05 04:53:01 +00:00
rebuild search route with custom pages for tracks, album, and artists
This commit is contained in:
committed by
Mungai Njoroge
parent
264406aef4
commit
8e258eaf24
@@ -1,11 +1,30 @@
|
||||
<template>
|
||||
<div class="search-albums-view"></div>
|
||||
<div class="search-albums-view grid-page" v-auto-animate>
|
||||
<AlbumCard
|
||||
v-for="album in search.albums.value"
|
||||
:key="album.hash"
|
||||
:album="album"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts"></script>
|
||||
<script setup lang="ts">
|
||||
import AlbumCard from "@/components/shared/AlbumCard.vue";
|
||||
import useSearchStore from "@/stores/search";
|
||||
|
||||
const search = useSearchStore();
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.search-albums-view {
|
||||
height: 100%;
|
||||
}
|
||||
// .search-albums-view.grid-page {
|
||||
// max-height: 100%;
|
||||
// display: grid;
|
||||
// grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
|
||||
// gap: 1.75rem 0;
|
||||
|
||||
// padding-bottom: 4rem;
|
||||
// padding-right: $medium;
|
||||
|
||||
// overflow: auto;
|
||||
// }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user