feat(card): add unplayed count and played indicator

This commit is contained in:
MrTimscampi 2020-09-19 06:12:27 +02:00
parent 10d4207a29
commit 7b312b6f26

View File

@ -10,6 +10,22 @@
: {}
]"
>
<v-chip
v-if="item.UserData.Played"
color="green"
class="card-chip"
small
>
<v-icon>mdi-check</v-icon>
</v-chip>
<v-chip
v-if="item.UserData.UnplayedItemCount"
color="primary"
class="card-chip"
small
>
{{ item.UserData.UnplayedItemCount }}
</v-chip>
<v-icon
v-if="!item.ImageTags.Primary"
size="96"
@ -199,6 +215,11 @@ export default Vue.extend({
background-position: center center;
-webkit-tap-highlight-color: transparent;
}
.card-chip {
position: absolute;
top: 1em;
right: 1em;
}
.card-overlay {
border-radius: 0.3em;
position: absolute;