Fix css and syntax

4 years ago · bccf52d34a
parent 5223089dc7
commit bccf52d34a
1 changed files with 19 additions and 0 deletions
--- a/src/views/playlist.vue
+++ b/src/views/playlist.vue
@ -558,6 +558,25 @@ export default {
  }
 }

+@media (max-width: 600px) {
+  .playlist-info {
+    width: calc(100vw - 2 * var(--main-content-padding-x));
+    display: block;
+    .cover {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .info {
+      margin-top: 24px;
+      margin-left: 0;
+      .title {
+        font-size: 48px;
+      }
+    }
+  }
+}
+
 .special-playlist {
  margin-top: 192px;
  margin-bottom: 128px;