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

fullscreen improvements

Browse source
This commit is contained in:
Samidy 2026-01-11 07:57:16 +03:00
parent a419f38024
commit d9af027def
4 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -1153,7 +1153,7 @@
</div>
<select id="now-playing-mode">
<option value="album">Show Album</option>
<option value="cover">Enlarged Cover</option>
<option value="cover">Fullscreen Mode</option>
<option value="lyrics">Lyrics Panel</option>
</select>
</div>

2
js/app.js
View file

@ -326,7 +326,7 @@ document.addEventListener('DOMContentLoaded', async () => {
openLyricsPanel(player.currentTrack, audioPlayer, lyricsManager);
}
// Update Fullscreen/Enlarged Cover if it's open
// Update Fullscreen if it's open
const fullscreenOverlay = document.getElementById('fullscreen-cover-overlay');
if (fullscreenOverlay && getComputedStyle(fullscreenOverlay).display !== 'none') {
const nextTrack = player.getNextTrack();

12
js/ui.js
View file

@ -645,11 +645,23 @@ export class UIRenderer {
}
overlay.style.display = 'flex';
// hide player when in fullscreen
const nowPlayingBar = document.querySelector('.now-playing-bar');
if (nowPlayingBar) {
nowPlayingBar.style.display = 'none';
}
}
closeFullscreenCover() {
const overlay = document.getElementById('fullscreen-cover-overlay');
overlay.style.display = 'none';
// show player whrn not in fullscreen
const nowPlayingBar = document.querySelector('.now-playing-bar');
if (nowPlayingBar) {
nowPlayingBar.style.display = '';
}
}
showPage(pageId) {

4
styles.css
View file

@ -1757,8 +1757,8 @@ input:checked + .slider::before {
}
#fullscreen-cover-image {
max-width: 80vw;
max-height: 60vh;
max-width: 55vw;
max-height: 55vh;
border-radius: var(--radius);
box-shadow: 0 20px 50px rgb(0, 0, 0, 0.5);
object-fit: contain;