fix: 🐛 Fixed track adder window on mobile

Fixed #45
EricLambrecht · Feb 3, 2019 · 868a848 · 868a848
1 parent be1583b
commit 868a848
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/src/components/editor/AddTrackModal.vue b/src/components/editor/AddTrackModal.vue
@@ -1,6 +1,6 @@
 <template>
   <b-modal headline="Add track" :show="show">
-    <track-search class="adder" @select="appendTrackToPlaylist" />
+    <track-search class="adder" @select="addTrack" />
     <div slot="footer">
       <b-button @click="$emit('close')">
         Close
@@ -23,12 +23,13 @@ export default {
     },
   },
   methods: {
-    ...mapActions('app', [
-      'closeModal',
-    ]),
     ...mapActions('editor', [
       'appendTrackToPlaylist',
     ]),
+    addTrack(uri) {
+      this.appendTrackToPlaylist(uri);
+      this.$emit('close');
+    },
   },
 };
 </script>
@@ -38,4 +39,12 @@ export default {
     width: 600px;
     height: 290px;
   }
+
+  @media screen and (max-width: 768px) {
+    .adder {
+      min-width: calc(100vw - 80px);
+      width: calc(100vw - 80px);
+      height:70vh;
+    }
+  }
 </style>