mirror of
https://github.com/jellyfin/jellyfin-vue.git
synced 2025-03-05 12:17:17 +00:00
feat(card): add unplayed count and played indicator
This commit is contained in:
parent
10d4207a29
commit
7b312b6f26
@ -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;
|
||||
|
Loading…
x
Reference in New Issue
Block a user