adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

fix transition on img

Browse Source
This commit is contained in:
Adam French
2026-01-20 19:58:28 +00:00
parent 90e978d256
commit 82d90dd0f5
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
nginx/vue/src/components/home/Listening.vue
View File

@@ -42,9 +42,8 @@ onUnmounted(() => {
</script> </script>
<template> <template>
<Transition name="fade" mode="out-in"> <Transition v-if="song" name="fade" mode="out-in">
<div <div
v-if="song"
@click="nextSong" @click="nextSong"
:key="song.track.id" :key="song.track.id"
class="flex-col center-content center-text" class="flex-col center-content center-text"
@@ -54,13 +53,13 @@ onUnmounted(() => {
<p><strong>Song:</strong> {{ song.track.name }}</p> <p><strong>Song:</strong> {{ song.track.name }}</p>
<p><strong>Artist:</strong> {{ song.track.artists[0].name }}</p> <p><strong>Artist:</strong> {{ song.track.artists[0].name }}</p>
</div> </div>
</Transition>
<div v-else class="flex-col center-content center-text"> <div v-else class="flex-col center-content center-text">
<h2>Listening To</h2> <h2>Listening To</h2>
<img src="/img/Untitled.png" /> <img src="/img/Untitled.png" />
<p><strong>Song:</strong> >_<</p> <p><strong>Song:</strong> >_<</p>
<p><strong>Artist:</strong> ^_^</p> <p><strong>Artist:</strong> ^_^</p>
</div> </div>
</Transition>
</template> </template>
<style scoped> <style scoped>