adminxd/land-vue-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
snusxd
2026-04-13 20:30:49 +03:00
parent 1a510c1d09
commit 817a38ff2c
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env
View File

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

14
src/components/now-playing.vue
View File

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