Amélioration de la visibilité des éléments d'une liste

This commit is contained in:
Damien Broqua 2022-03-07 16:35:28 +01:00
parent 3aeb172dbf
commit b05bed9a00
2 changed files with 8 additions and 2 deletions

View file

@ -14,6 +14,12 @@
@include respond-to("medium-up") {
border-left: 1px solid var(--border-color);
&:nth-child(4n),
&:nth-child(4n-1)
{
background-color: var(--default-color);
}
&:first-child,
&:nth-child(2) {
border-top: 1px solid var(--border-color);
@ -26,7 +32,7 @@
}
&:hover {
background-color: var(--default-color);
background-color: var(--border-color);
}
}

View file

@ -44,7 +44,7 @@
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 list">
<div class="item" v-if="!loading" v-for="item in items">
<div class="item" v-if="!loading" v-for="item in items">
<span class="title">
<a :href="'/ma-collection/' + item._id">{{ item.artists_sort}} - {{ item.title }}</a>
<i class="icon-trash" @click="showConfirmDelete(item._id)"></i>