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);
metaEl.innerHTML = `
<span>${artist.popularity} popularity</span>
<span>${artist.popularity}% popularity</span>
<div class="artist-tags">
${(artist.artistRoles || [])
.filter(role => role.category)

13
styles.css
View file

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