From ae79952ddc5cbeead77738db1061e3fd361bc71b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20T=C3=A4kker?= <lucastakker@gmail.com>
Date: Fri, 27 Feb 2026 14:53:31 +0100
Subject: [PATCH] Update fullscreen player to show/hide close buttons

---
 app/components/Player/Fullscreen.vue              | 5 +++--
 app/components/Player/Fullscreen/TrackDisplay.vue | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/components/Player/Fullscreen.vue b/app/components/Player/Fullscreen.vue
index 3caaf08..40600f8 100644
--- a/app/components/Player/Fullscreen.vue
+++ b/app/components/Player/Fullscreen.vue
@@ -43,13 +43,14 @@ onMounted(() => {
 		<section class="screen-container">
 			<Icon
 				name="lucide:x"
-				class="close-btn show"
+				class="close-btn"
+				:class="{ show: mouseMovedRecently }"
 				@click="fullscreen = false"
 			/>
 
 			<div class="content-container">
 				<PlayerFullscreenTrackDisplay
-					:show-buttons="!mouseMovedRecently"
+					:show-buttons="mouseMovedRecently"
 				/>
 			</div>
 		</section>
diff --git a/app/components/Player/Fullscreen/TrackDisplay.vue b/app/components/Player/Fullscreen/TrackDisplay.vue
index f990ec7..9fc3180 100644
--- a/app/components/Player/Fullscreen/TrackDisplay.vue
+++ b/app/components/Player/Fullscreen/TrackDisplay.vue
@@ -54,7 +54,7 @@ const durationFormatted = computed(() =>
 			</div>
 		</div>
 
-		<div class="btns" :class="{ hidden: showButtons }">
+		<div class="btns" :class="{ hidden: !showButtons }">
 			<Icon name="lucide:shuffle" @click="shuffle()" />
 			<Icon name="lucide:skip-back" @click="prev()" />
 			<Icon name="lucide:pause" v-if="isPlaying" @click="pause()" />