diff --git a/index.html b/index.html index 58bd7ab..13c2d42 100644 --- a/index.html +++ b/index.html @@ -1153,7 +1153,7 @@ diff --git a/js/app.js b/js/app.js index 3a5ff21..020162f 100644 --- a/js/app.js +++ b/js/app.js @@ -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(); diff --git a/js/ui.js b/js/ui.js index f0de792..f9f81cc 100644 --- a/js/ui.js +++ b/js/ui.js @@ -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) { diff --git a/styles.css b/styles.css index 7f2505d..6b25062 100644 --- a/styles.css +++ b/styles.css @@ -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;