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

resetting styles

Browse Source
This commit is contained in:
Adam French
2025-11-29 01:21:01 +00:00
parent 55bc32864a
commit bcb24bd6e6
3 changed files with 14 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
nginx/vue/src/components/spotify/Listening.vue
View File

@@ -1,11 +1,11 @@
<template> <template>
<div v-if="song.is_playing" class="spotify-now-playing"> <div v-if="song.is_playing" class="center-content">
<img :src="song.item.album.images[0].url" /> <img :src="song.item.album.images[0].url" />
<p><strong>Song:</strong> {{ song.item.name }}</p> <p><strong>Song:</strong> {{ song.item.name }}</p>
<p><strong>Artist:</strong> {{ song.item.artists[0].name }}</p> <p><strong>Artist:</strong> {{ song.item.artists[0].name }}</p>
<p>Is what im currently listening to rnrnrn ^_^</p> <p>Is what im currently listening to rnrnrn ^_^</p>
</div> </div>
<div v-else class="spotify-not-playing"> <div v-else class="center-content">
<img src="/img/Untitled.png" /> <img src="/img/Untitled.png" />
<p>I ain't listenin to nofin</p> <p>I ain't listenin to nofin</p>
</div> </div>
@@ -40,21 +40,3 @@ export default {
}, },
}; };
</script> </script>
<style scoped>
.spotify-now-playing {
width: fit-content;
height: fit-content;
flex-direction: column;
align-items: center;
text-align: center;
box-shadow: 3px;
}
.spotify-not-playing {
border: 2px solid black;
align-items: center;
text-align: center;
background: white;
}
</style>

21
nginx/vue/src/components/spotify/Recent.vue
View File

@@ -2,12 +2,11 @@
<div <div
v-for="(song, idx) in played" v-for="(song, idx) in played"
:key="song.track.id || idx" :key="song.track.id || idx"
class="spotify-now-playing" class="tile1"
> >
<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><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>
<p>Is what im currently listening to rnrnrn ^_^</p>
</div> </div>
</template> </template>
@@ -40,21 +39,3 @@ export default {
}, },
}; };
</script> </script>
<style scoped>
.spotify-now-playing {
width: fit-content;
height: fit-content;
flex-direction: column;
align-items: center;
text-align: center;
box-shadow: 3px;
}
.spotify-not-playing {
border: 2px solid black;
align-items: center;
text-align: center;
background: white;
}
</style>

22
nginx/vue/src/views/Home.vue
View File

@@ -6,16 +6,16 @@ import Radio from "@/components/Radio.vue";
<template> <template>
<main> <main>
<div class="bordered-1"> <div class="border1 tile1">
<div class="bordered-2"> <div class="border2">
<img src="/img/epic.jpeg" /> <img src="/img/epic.jpeg" />
<h1>Welcome</h1> <h1>Welcome</h1>
<p>Hi im Adam</p> <p>Hi im Adam</p>
</div> </div>
</div> </div>
<div class="bordered-1"> <div class="border1 tile1">
<div class="bordered-2"> <div class="border2">
<!-- <video> <!-- <video>
<source src="/img/memes/1761540684738196.webm" /> <source src="/img/memes/1761540684738196.webm" />
</video> --> </video> -->
@@ -49,17 +49,17 @@ import Radio from "@/components/Radio.vue";
</div> </div>
</div> --> </div> -->
<div class="bordered-1"> <div class="border1 tile1">
<SpotifyListening class="border" /> <SpotifyListening class="border2 bg-white" />
</div> </div>
<div class="bordered-1"> <div class="border1 tile1">
<SpotifyRecent class="border" />
</div>
<div class="bordered-1">
<Radio /> <Radio />
</div> </div>
<div class="border1 tile3">
<SpotifyRecent class="border" />
</div>
</main> </main>
</template> </template>