vndangkhoa/kv-music
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UI: update popularity display and refine explicit badge

Browse source
This commit is contained in:
Julien Maille 2026-01-04 22:15:51 +01:00
parent 1c7c713b32
commit 976f24ef1a
2 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
js/ui.js
View file

@ -1396,7 +1396,7 @@ async showFullscreenCover(track, nextTrack, lyricsManager, audioPlayer) {
this.adjustTitleFontSize(nameEl, artist.name); this.adjustTitleFontSize(nameEl, artist.name);
metaEl.innerHTML = ` metaEl.innerHTML = `
<span>${artist.popularity} popularity</span> <span>${artist.popularity}% popularity</span>
<div class="artist-tags"> <div class="artist-tags">
${(artist.artistRoles || []) ${(artist.artistRoles || [])
.filter(role => role.category) .filter(role => role.category)

13
styles.css
View file

@ -825,15 +825,12 @@ body.has-page-background .track-item:hover {
} }
.explicit-badge { .explicit-badge {
display: inline-flex; background-color: var(--secondary);
align-items: center; color: var(--muted-foreground);
justify-content: center; font-size: 0.6rem;
background-color: var(--explicit-badge);
color: var(--background);
font-size: 0.65rem;
font-weight: 700; font-weight: 700;
padding: 0.15rem 0.35rem; padding: 0.15rem 0.3rem;
border-radius: 2px; border-radius: 3px;
margin-left: 0.5rem; margin-left: 0.5rem;
vertical-align: middle; vertical-align: middle;
line-height: 1; line-height: 1;