diff --git a/src/components/Contextmenu/ContextItem.vue b/src/components/Contextmenu/ContextItem.vue
index 214e9f8..bdec8e6 100644
--- a/src/components/Contextmenu/ContextItem.vue
+++ b/src/components/Contextmenu/ContextItem.vue
@@ -9,7 +9,7 @@
v-for="child in option.children"
:key="child.label"
:class="[{ critical: child.critical }, child.type]"
- @click="child.action()"
+ @click="child.action && child.action()"
>
{{ child.label }}
diff --git a/src/components/PlaylistView/Header.vue b/src/components/PlaylistView/Header.vue
index 3f9a9ce..98fa40f 100644
--- a/src/components/PlaylistView/Header.vue
+++ b/src/components/PlaylistView/Header.vue
@@ -4,7 +4,7 @@
ref="playlistheader"
:style="[
{
- backgroundImage: info.image ? `url(${imguri + info.image})` : '',
+ backgroundImage: info.image ? `url(${imguri + info.image})` : undefined,
},
]"
:class="{ border: !info.image }"
@@ -16,16 +16,15 @@
- No Tracks
- {{ info.count }} Track
- {{ info.count }} Tracks •
+ {{ info.count + ` ${info.count == 1 ? "Track" : "Tracks"}` }}
+ •
{{ formatSeconds(info.duration, true) }}
{{ info.name }}
Playlist
-
+
Last updated {{ info.lastUpdated }} |
@@ -77,7 +76,7 @@ function showDropdown(e: any) {
grid-template-columns: 1fr;
height: 100%;
position: relative;
-
+ background-color: $gray5;
.gradient {
position: absolute;
@@ -120,6 +119,10 @@ function showDropdown(e: any) {
}
}
+ .last-updated.lightbg {
+ background-color: $gray2;
+ }
+
.carddd {
width: 100%;
padding: 1rem;
diff --git a/src/components/PlaylistsList/PlaylistCard.vue b/src/components/PlaylistsList/PlaylistCard.vue
index 6e88dbd..a8820f5 100644
--- a/src/components/PlaylistsList/PlaylistCard.vue
+++ b/src/components/PlaylistsList/PlaylistCard.vue
@@ -6,19 +6,11 @@
>
-
{{ playlist.name }}
-
{{ playlist.count }} Tracks
-
-
+
diff --git a/src/components/contextMenu.vue b/src/components/contextMenu.vue
index 35420ac..63999da 100644
--- a/src/components/contextMenu.vue
+++ b/src/components/contextMenu.vue
@@ -23,7 +23,7 @@
:key="option.label"
:class="[{ critical: option.critical }, option.type]"
:option="option"
- @click="option.action()"
+ @click="option.action && option.action()"
/>