aplayer

_config.yml

@@ -1,7 +1,7 @@
 ############################### Theme Information ###############################
 info:
   name: Volantis # This is theme's name, not your blog's name.
-  version: '2.4.3' # This is theme's version.
+  version: '2.5.0-beta' # This is theme's version.
   docs: https://volantis.js.org/ # This is theme's URL.
   cdn:
     css:

layout/_partial/header.ejs

@@ -53,7 +53,7 @@
                   <%- value.name %>
                 </a>
                 <ul class="list-v">
-                  <li class='header'>
+                  <li>
                     <div class="aplayer-container">
                       <%- partial('../_third-party/aplayer', {post: null, where: 'footer'}) %>
                     </div>

source/css/_layout/navbar.styl

@@ -239,7 +239,9 @@ ul.list-v
       margin-left: 0
       display: none
       margin-top: 0 - 32px - $gap * 0.5
-
+  .aplayer-container
+    min-height: 64px
+    padding: $gap - 10px $gap
   >li>a
     trans()
     display: block

source/css/_third-party/aplayer.styl

@@ -0,0 +1,7 @@
+@media screen and (max-width: $device-mobile)
+  .l_header
+    .list-v
+      .aplayer,.aplayer-pic
+        border-radius: $border-card * 0.5
+        width: 64px
+        height: 64px