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

js/css cleanup

Browse source
This commit is contained in:
Julien Maille 2026-01-02 23:22:39 +01:00
parent c4feb35c45
commit 06c649de7b
2 changed files with 115 additions and 132 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
js/app.js
View file

@ -1,4 +1,3 @@
//js/app.js //js/app.js
import { LosslessAPI } from './api.js'; import { LosslessAPI } from './api.js';
import { apiSettings, themeManager, nowPlayingSettings, trackListSettings } from './storage.js'; import { apiSettings, themeManager, nowPlayingSettings, trackListSettings } from './storage.js';
@ -351,6 +350,7 @@ document.addEventListener('DOMContentLoaded', async () => {
btn.innerHTML = originalHTML; btn.innerHTML = originalHTML;
} }
} }
if (e.target.closest('#create-playlist-btn')) { if (e.target.closest('#create-playlist-btn')) {
const modal = document.getElementById('playlist-modal'); const modal = document.getElementById('playlist-modal');
document.getElementById('playlist-modal-title').textContent = 'Create Playlist'; document.getElementById('playlist-modal-title').textContent = 'Create Playlist';
@ -387,7 +387,6 @@ if (e.target.closest('#playlist-modal-save')) {
} }
} }
if (e.target.closest('#playlist-modal-cancel')) { if (e.target.closest('#playlist-modal-cancel')) {
document.getElementById('playlist-modal').style.display = 'none'; document.getElementById('playlist-modal').style.display = 'none';
} }
@ -406,6 +405,7 @@ if (e.target.closest('.edit-playlist-btn')) {
} }
}); });
} }
if (e.target.closest('.delete-playlist-btn')) { if (e.target.closest('.delete-playlist-btn')) {
const card = e.target.closest('.user-playlist'); const card = e.target.closest('.user-playlist');
const playlistId = card.dataset.playlistId; const playlistId = card.dataset.playlistId;
@ -440,8 +440,6 @@ if (e.target.closest('#delete-playlist-btn')) {
} }
} }
if (e.target.closest('.remove-from-playlist-btn')) { if (e.target.closest('.remove-from-playlist-btn')) {
const btn = e.target.closest('.remove-from-playlist-btn'); const btn = e.target.closest('.remove-from-playlist-btn');
const index = parseInt(btn.dataset.trackIndex); const index = parseInt(btn.dataset.trackIndex);
@ -455,7 +453,6 @@ if (e.target.closest('#delete-playlist-btn')) {
}); });
} }
if (e.target.closest('#play-playlist-btn')) { if (e.target.closest('#play-playlist-btn')) {
const btn = e.target.closest('#play-playlist-btn'); const btn = e.target.closest('#play-playlist-btn');
if (btn.disabled) return; if (btn.disabled) return;

18
styles.css
View file

@ -1125,20 +1125,6 @@ body.has-page-background .track-item:hover {
flex-shrink: 0; flex-shrink: 0;
} }
#like-album-btn,
#like-playlist-btn,
#like-artist-btn {
width: auto;
height: auto;
padding: 0.875rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
flex-shrink: 0;
aspect-ratio: 1/1;
}
.btn-secondary { .btn-secondary {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
background-color: var(--secondary); background-color: var(--secondary);
@ -2804,7 +2790,7 @@ input:checked + .slider::before {
} }
.track-item { .track-item {
grid-template-columns: 32px 1fr 40px 28px; grid-template-columns: 32px 1fr 40px auto;
gap: 0.375rem; gap: 0.375rem;
padding: var(--spacing-xs); padding: var(--spacing-xs);
} }
@ -2929,7 +2915,7 @@ input:checked + .slider::before {
} }
.track-item { .track-item {
grid-template-columns: 32px 1fr 40px 36px; grid-template-columns: 32px 1fr 32px auto;
} }
.player-controls .buttons button { .player-controls .buttons button {