redesign playlist card

This commit is contained in:
geoffrey45
2022-09-02 18:19:40 +03:00
parent ed8de1ecda
commit 3c527f1841
2 changed files with 41 additions and 16 deletions
+8 -8
View File
@@ -1,7 +1,7 @@
<template>
<div id="p-view">
<div class="grid">
<NewPlaylistCard />
<!-- <NewPlaylistCard /> -->
<PlaylistCard
v-for="p in pStore.playlists"
:key="p.playlistid"
@@ -25,16 +25,16 @@ const pStore = usePStore();
scrollbar-color: $gray2 transparent;
.grid {
grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
gap: 1rem;
@include for-desktop-down {
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
// @include for-desktop-down {
// grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
.name {
font-size: 0.9rem;
}
}
// .name {
// font-size: 0.9rem;
// }
// }
}
}
</style>