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;