From d0454788040106feb9cea88804d4e3eba79cb9b1 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Sun, 26 Jan 2025 00:46:57 +0100
Subject: [PATCH] [WIP] refactor(front): Channels page

---
 front/src/components/audio/track/Widget.vue | 2 ++
 front/src/components/tags/List.vue          | 6 ++++--
 front/src/views/channels/DetailBase.vue     | 2 ++
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/front/src/components/audio/track/Widget.vue b/front/src/components/audio/track/Widget.vue
index 1ecd5bb71..4ce12ea4d 100644
--- a/front/src/components/audio/track/Widget.vue
+++ b/front/src/components/audio/track/Widget.vue
@@ -141,6 +141,8 @@ watch(
     </h3>
     <Alert
       v-if="count === 0"
+      blue
+      style="text-align: center;"
     >
       <i class="bi bi-music-note-list" />
       {{ t('components.audio.track.Widget.empty.noResults') }}
diff --git a/front/src/components/tags/List.vue b/front/src/components/tags/List.vue
index 2b4b0b7fc..f60493fae 100644
--- a/front/src/components/tags/List.vue
+++ b/front/src/components/tags/List.vue
@@ -44,11 +44,13 @@ const tags = computed(() => {
       :class="props.labelClasses"
     >
       <Pill solid raised secondary>
-        <span class="hashtag symbol" />
-        {{ truncate(tag, props.truncateSize) }}
+        #{{ truncate(tag, props.truncateSize) }}
       </Pill>
     </router-link>
     <Pill
+      solid
+      raised
+      secondary
       v-if="props.showMore && tags.length < props.tags.length"
       @click.prevent="honorLimit = false"
     >
diff --git a/front/src/views/channels/DetailBase.vue b/front/src/views/channels/DetailBase.vue
index 6ad655928..264486002 100644
--- a/front/src/views/channels/DetailBase.vue
+++ b/front/src/views/channels/DetailBase.vue
@@ -470,6 +470,8 @@ const updateSubscriptionCount = (delta: number) => {
         <TagsList
           v-if="object.artist?.tags && object.artist?.tags.length > 0"
           :tags="object.artist.tags"
+          :limit="5"
+          showMore="true"
         />
         <Tabs>
           <Tab