fix style glitch

assets/public/player.vue

@@ -38,7 +38,7 @@
                 <img :src="current.cover" class="cover" />
             </div>
             <div class="media-content">
-                <slot name="content" :current="current"></slot>
+                <slot name="content" :loaded='loaded' :live='live'></slot>
                 <Progress v-if="loaded && duration" :value="currentTime" :max="this.duration"
                     :format="displayTime"
                     @select="audio.currentTime = $event"></Progress>
@@ -133,12 +133,6 @@ export default {
         current() {
             return this.loaded || this.live && this.live.current;
         },
-
-        buttonStyle() {
-            if(!this.current)
-                return;
-            return { backgroundImage: `url(${this.current.cover})` }
-        },
     },
 
     methods: {

assets/public/styles.scss

@@ -169,6 +169,7 @@ a.navbar-item.is-active {
 
 //-- player
 .player {
+    z-index: 10000;
     box-shadow: 0em 1.5em 2.5em rgba(0, 0, 0, 0.6);
 
     .player-panels {