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

Enable and style clickable artist name in fullscreen player

Browse source
This commit is contained in:
Julien Maille 2026-01-29 21:55:42 +01:00
parent 51af77d828
commit c05f5d2426
2 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
js/ui.js
View file

@ -823,6 +823,17 @@ export class UIRenderer {
const fsDownloadBtn = document.getElementById('fs-download-btn'); const fsDownloadBtn = document.getElementById('fs-download-btn');
const fsCastBtn = document.getElementById('fs-cast-btn'); const fsCastBtn = document.getElementById('fs-cast-btn');
const fsQueueBtn = document.getElementById('fs-queue-btn'); const fsQueueBtn = document.getElementById('fs-queue-btn');
const artistEl = document.getElementById('fullscreen-track-artist');
if (artistEl) {
artistEl.style.cursor = 'pointer';
artistEl.onclick = () => {
if (this.player.currentTrack && this.player.currentTrack.artist) {
this.closeFullscreenCover();
navigate(`/artist/${this.player.currentTrack.artist.id}`);
}
};
}
let lastPausedState = null; let lastPausedState = null;
const updatePlayBtn = () => { const updatePlayBtn = () => {

8
styles.css
View file

@ -2146,6 +2146,14 @@ input:checked + .slider::before {
font-size: 1.25rem; font-size: 1.25rem;
color: color-mix(in srgb, var(--foreground), transparent 40%); color: color-mix(in srgb, var(--foreground), transparent 40%);
font-weight: 500; font-weight: 500;
transition: color 0.2s, text-decoration 0.2s;
}
#fullscreen-track-artist:hover {
color: var(--highlight);
color: var(--primary);
text-decoration: underline;
cursor: pointer;
} }
#fullscreen-next-track { #fullscreen-next-track {