mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-05 04:53:01 +00:00
geoffrey45
33 lines
715 B
Vue
33 lines
715 B
Vue
<template>
|
|
<div id="p-view" class="noscroll">
|
|
<div class="grid">
|
|
<PlaylistCard
|
|
v-for="p in pStore.playlists"
|
|
:key="p.playlistid"
|
|
:playlist="p"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import PlaylistCard from "@/components/PlaylistsList/PlaylistCard.vue";
|
|
|
|
import usePStore from "@/stores/pages/playlists";
|
|
const pStore = usePStore();
|
|
|
|
// TODO: When you add a song to playlist when you are in this page, increase the count on the card.
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
#p-view {
|
|
scrollbar-color: $gray2 transparent;
|
|
margin: 1rem 0;
|
|
|
|
.grid {
|
|
grid-template-columns: repeat(auto-fill, minmax(9.25rem, 1fr));
|
|
gap: 2.5rem 1.75rem;
|
|
}
|
|
}
|
|
</style>
|