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">
<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>
@@ -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()" />