Added spotify player
This commit is contained in:
20
src/App.vue
20
src/App.vue
@@ -9,12 +9,9 @@
|
||||
|
||||
<div id="footer">
|
||||
<footer-nav/>
|
||||
<div id="player-spacer" v-if="$store.state.playerActive"></div>
|
||||
</div>
|
||||
|
||||
<div id="player-holder" v-if="$store.state.playerActive">
|
||||
asdasdasdasdasd
|
||||
</div>
|
||||
<spotify-player/>
|
||||
|
||||
</div>
|
||||
<div id="app-loader" v-else>
|
||||
@@ -26,13 +23,15 @@
|
||||
import FooterNav from "@/components/FooterNav";
|
||||
import Navbar from "@/components/Navbar";
|
||||
import BigChungusLoader from "@/components/BigChungusLoader";
|
||||
import SpotifyPlayer from "@/components/SpotifyPlayer";
|
||||
|
||||
export default {
|
||||
name: "Login",
|
||||
components: {
|
||||
Navbar,
|
||||
FooterNav,
|
||||
BigChungusLoader
|
||||
BigChungusLoader,
|
||||
SpotifyPlayer
|
||||
},
|
||||
created() {
|
||||
// The basic app is created... Currently showing a loading screen (as soon as mounted)
|
||||
@@ -98,15 +97,8 @@ export default {
|
||||
margin: 45vh auto 0 auto;
|
||||
}
|
||||
|
||||
#player-holder {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 60px;
|
||||
#player-spacer {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
#player-spacer {
|
||||
height: 60px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user