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

Merge branch 'main' of github.com:SamidyFR/monochrome

Browse source
This commit is contained in:
Samidy 2026-02-14 22:44:56 +03:00
commit 6e3bdddf81
3 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
js/ui.js
View file

@ -179,11 +179,15 @@ export class UIRenderer {
let iconHTML; let iconHTML;
if (item.type === 'user-playlist' && !item.cover && item.images && item.images.length > 0) { if (item.type === 'user-playlist' && !item.cover && item.images && item.images.length > 0) {
const images = item.images.slice(0, 4); const images = item.images.slice(0, 4);
const imgsHTML = images.map((src) => `<img src="${this.api.getCoverUrl(src)}" loading="lazy">`).join(''); const imgsHTML = images
.map((src) => `<img src="${this.api.getCoverUrl(src)}" loading="lazy">`)
.join('');
iconHTML = `<div class="pinned-item-collage">${imgsHTML}</div>`; iconHTML = `<div class="pinned-item-collage">${imgsHTML}</div>`;
} else { } else {
const coverUrl = const coverUrl =
item.type === 'artist' ? this.api.getArtistPictureUrl(item.cover) : this.api.getCoverUrl(item.cover); item.type === 'artist'
? this.api.getArtistPictureUrl(item.cover)
: this.api.getCoverUrl(item.cover);
const coverClass = item.type === 'artist' ? 'artist' : ''; const coverClass = item.type === 'artist' ? 'artist' : '';
iconHTML = `<img src="${coverUrl}" class="pinned-item-cover ${coverClass}" alt="${escapeHtml(item.name)}" loading="lazy" onerror="this.src='assets/logo.svg'">`; iconHTML = `<img src="${coverUrl}" class="pinned-item-cover ${coverClass}" alt="${escapeHtml(item.name)}" loading="lazy" onerror="this.src='assets/logo.svg'">`;
} }

5
styles.css
View file

@ -1416,7 +1416,6 @@ input[type='search']::-webkit-search-cancel-button {
.track-item:hover { .track-item:hover {
background-color: var(--secondary); background-color: var(--secondary);
transform: scale(1.005); transform: scale(1.005);
} }
/* Add active state for click feedback */ /* Add active state for click feedback */
@ -6123,14 +6122,12 @@ textarea:focus {
.sidebar-nav-bottom { .sidebar-nav-bottom {
flex: 0 0 auto; flex: 0 0 auto;
margin-top: auto; margin-top: auto;
padding: 1rem 0 0 0; padding: 1rem 0 0;
border-top: 1px solid var(--border); border-top: 1px solid var(--border);
background: var(--background); background: var(--background);
position: relative; position: relative;
} }
.sidebar-nav-bottom::before { .sidebar-nav-bottom::before {
content: ''; content: '';
display: block; display: block;