[WIP] refactor(front): Channels page

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') }}

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"
     >

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