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">
|
<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()" />
|
||||||
|
|||||||
Reference in new issue
Block a user