dbroqua/MusicTopus
dbroqua/MusicTopus
1
1
Fork 0
Code Issues 9 Pull requests Releases 14 Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
sass/list.scss
View file

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

2
views/pages/mon-compte/ma-collection/index.ejs
View file

@ -44,7 +44,7 @@
</div> </div>
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-2 list"> <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"> <span class="title">
<a :href="'/ma-collection/' + item._id">{{ item.artists_sort}} - {{ item.title }}</a> <a :href="'/ma-collection/' + item._id">{{ item.artists_sort}} - {{ item.title }}</a>
<i class="icon-trash" @click="showConfirmDelete(item._id)"></i> <i class="icon-trash" @click="showConfirmDelete(item._id)"></i>