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()" />