Update fullscreen player to show/hide close buttons
This commit is contained in:
1 parent
76c57c1ba0
commit
ae79952ddc
2 files changed
+4
-3
No files matched your search
@@ -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()" />
|
||||
|
||||
Reference in new issue
Block a user