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

fix title alignment

Browse Source
This commit is contained in:
Adam French
2026-02-04 16:48:25 +00:00
parent 2c553bc0d9
commit e3384eaa21
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,5 @@
<script setup> <script setup>
import Header from "@/components/text/Header.vue";
import { ref, computed, onMounted, onUnmounted } from "vue"; import { ref, computed, onMounted, onUnmounted } from "vue";
import { useSongsStore } from "@/stores/songs"; import { useSongsStore } from "@/stores/songs";
@@ -32,12 +33,16 @@ onUnmounted(() => {
<div <div
@click="nextSong" @click="nextSong"
:key="song.track.id" :key="song.track.id"
class="flex flex-col items-center text-center" class="flex flex-col items-center"
> >
<h2>Listening To</h2> <Header>Listening To</Header>
<img :src="song.track.album.images[0].url" /> <img :src="song.track.album.images[0].url" />
<p><strong>Song:</strong> {{ song.track.name }}</p> <p class="text-center">
<p><strong>Artist:</strong> {{ song.track.artists[0].name }}</p> <strong>Song:</strong> {{ song.track.name }}
</p>
<p class="text-center">
<strong>Artist:</strong> {{ song.track.artists[0].name }}
</p>
</div> </div>
</Transition> </Transition>
</template> </template>