TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-04 20:43:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

modify spacing in grids

Browse Source
This commit is contained in:
geoffrey45
2022-09-26 03:31:29 +03:00
committed by Mungai Njoroge
parent 6769af2a50
commit 0dbc45e20b
11 changed files with 71 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PlaylistsList/PlaylistCard.vue
+7 -1
View File
@@ -30,12 +30,18 @@ const props = defineProps<{
<style lang="scss">
.p-card {
background-color: $playlist-card-bg;
background-color: $gray5;
display: grid;
grid-template-rows: 1fr max-content;
padding: 1rem;
gap: $small;
&:hover {
transition: all .25s ease;
background-color: $darkestblue;
background-blend-mode: screen;
}
img {
width: 100%;
aspect-ratio: 1;