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

fix(ui): drop empty playlists placeholder and fix inline-like track grid on narrow viewports

Browse source 
Made-with: Cursor
This commit is contained in:
Thiago Vinícius 2026-03-27 17:15:22 -03:00
parent 520c778f84
commit 75a1465977
2 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
js/ui.js
View file

@ -1950,11 +1950,6 @@ export class UIRenderer {
trackDataStore.set(el, playlist); trackDataStore.set(el, playlist);
} }
}); });
} else if (folders.length === 0) {
myPlaylistsContainer.insertAdjacentHTML(
'afterbegin',
createPlaceholder('No playlists yet. Create your first playlist!')
);
} }
} }

12
styles.css
View file

@ -6817,6 +6817,10 @@ img[src=''] {
padding: var(--spacing-sm); padding: var(--spacing-sm);
} }
.track-item.track-item--inline-like {
grid-template-columns: 36px minmax(0, 1fr) auto minmax(2.5rem, auto) auto;
}
.track-item-info { .track-item-info {
gap: var(--spacing-sm); gap: var(--spacing-sm);
min-width: 0; min-width: 0;
@ -7084,6 +7088,10 @@ img[src=''] {
padding: var(--spacing-xs); padding: var(--spacing-xs);
} }
.track-item.track-item--inline-like {
grid-template-columns: 32px minmax(0, 1fr) auto minmax(2.25rem, auto) auto;
}
.track-number { .track-number {
width: 32px; width: 32px;
} }
@ -7250,6 +7258,10 @@ img[src=''] {
grid-template-columns: 32px 1fr 32px auto; grid-template-columns: 32px 1fr 32px auto;
} }
.track-item.track-item--inline-like {
grid-template-columns: 32px minmax(0, 1fr) auto minmax(2.25rem, auto) auto;
}
.player-controls .buttons button { .player-controls .buttons button {
min-height: 36px; min-height: 36px;
min-width: 36px; min-width: 36px;