Update fullscreen player to show/hide close buttons

This commit is contained in:
lucast committed 2026-02-27 14:53:31 +01:00
1 parent 76c57c1ba0
commit ae79952ddc
2 files changed
+4 -3

No files matched your search

+3 -2
View File
@@ -43,13 +43,14 @@ onMounted(() => {
<section class="screen-container"> <section class="screen-container">
<Icon <Icon
name="lucide:x" name="lucide:x"
class="close-btn show" class="close-btn"
:class="{ show: mouseMovedRecently }"
@click="fullscreen = false" @click="fullscreen = false"
/> />
<div class="content-container"> <div class="content-container">
<PlayerFullscreenTrackDisplay <PlayerFullscreenTrackDisplay
:show-buttons="!mouseMovedRecently" :show-buttons="mouseMovedRecently"
/> />
</div> </div>
</section> </section>
@@ -54,7 +54,7 @@ const durationFormatted = computed(() =>
</div> </div>
</div> </div>
<div class="btns" :class="{ hidden: showButtons }"> <div class="btns" :class="{ hidden: !showButtons }">
<Icon name="lucide:shuffle" @click="shuffle()" /> <Icon name="lucide:shuffle" @click="shuffle()" />
<Icon name="lucide:skip-back" @click="prev()" /> <Icon name="lucide:skip-back" @click="prev()" />
<Icon name="lucide:pause" v-if="isPlaying" @click="pause()" /> <Icon name="lucide:pause" v-if="isPlaying" @click="pause()" />