fix: update backend domain and adjust cover image paths in now-playing component

.env

@@ -1,4 +1,4 @@
-VITE_BACKEND_DOMAIN=https://localhost:6767
+VITE_BACKEND_DOMAIN=https://api.snusxd.site
 
 VITE_LASTFM_API=577403120879aadec2e6fd0d6160cca4
 LASTFM_SECRET=08baaf3b3050854d019ce5884e0d6d27

src/components/now-playing.vue

@@ -12,7 +12,7 @@ const lastfmusername = 'snsxd'
 const header = ref('silence...')
 const artist = ref('today...')
 const track = ref("we're silnce...")
-const labelurl = ref('/public/default-cover.png')
+const labelurl = ref('/default-cover.png')
 
 // colors
 const border_color = ref('#656565')
@@ -60,7 +60,7 @@ onMounted(() => {
       } else {
         if (header.value !== 'silence...') ChangeTitle(header, header.value, 'silence...')
         primary_color.value = '#656565'
-        labelurl.value = '/public/default-cover.png'
+        labelurl.value = '/default-cover.png'
         if (artist.value != trackData[0].artist['#text'])
           ChangeTitle(artist, artist.value, trackData[0].artist['#text'])
         if (track.value != trackData[0].name) ChangeTitle(track, track.value, trackData[0].name)
@@ -100,6 +100,7 @@ onUnmounted(() => {
   flex-direction: column;
   justify-content: center;
   gap: 10px;
+  min-height: 1.4em;
 }
 
 h1 {
@@ -116,10 +117,13 @@ h1 {
 p {
   color: v-bind(primary_color);
   margin: 0;
+  min-height: 1.4em;
 }
-.track {
+
+.track_name {
   font-weight: bolder;
 }
+
 img {
   width: 75px;
   height: auto;
@@ -156,9 +160,9 @@ img {
     </h1>
 
     <div class="cover_name">
-      <img :src="labelurl" @error="labelurl = '/public/default-cover.png'" />
+      <img :src="labelurl" @error="labelurl = '/default-cover.png'" />
       <div class="name">
-        <p class="track">{{ track }}</p>
+        <p class="track_name">{{ track }}</p>
         <p>{{ artist }}</p>
       </div>
     </div>