mirror of
https://github.com/GiriNeko/YesPlayMusic.git
synced 2025-12-16 21:28:06 +00:00
feat: add copy track link & fixed various visual defects (#1489)
* feat: add copy track link * fix: various visual defects * feat: add track low res fallback * chore: remove redundant locale strings * chore: separate playbackState for a new PR * build: fix netlify failing to build site
This commit is contained in:
parent
16b525915e
commit
ea4b20755d
10 changed files with 89 additions and 14 deletions
|
|
@ -2,11 +2,13 @@
|
|||
<span class="artist-in-line">
|
||||
{{ computedPrefix }}
|
||||
<span v-for="(ar, index) in filteredArtists" :key="index">
|
||||
<router-link v-if="ar.id !== 0" :to="`/artist/${ar.id}`">
|
||||
{{ ar.name }}
|
||||
</router-link>
|
||||
<router-link v-if="ar.id !== 0" :to="`/artist/${ar.id}`">{{
|
||||
ar.name
|
||||
}}</router-link>
|
||||
<span v-else>{{ ar.name }}</span>
|
||||
<span v-if="index !== filteredArtists.length - 1">, </span>
|
||||
<span v-if="index !== filteredArtists.length - 1" class="separator"
|
||||
>,</span
|
||||
>
|
||||
</span>
|
||||
</span>
|
||||
</template>
|
||||
|
|
@ -40,4 +42,12 @@ export default {
|
|||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
<style lang="scss" scoped>
|
||||
.separator {
|
||||
/* make separator distinct enough in long list */
|
||||
margin-left: 1px;
|
||||
margin-right: 4px;
|
||||
position: relative;
|
||||
top: 0.5px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue