hide keyshorts on mobile devices

select · Oct 24, 2017 · 514eb14 · 514eb14
1 parent 32932b3
commit 514eb14
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/about-player.vue b/src/components/about-player.vue
@@ -1,19 +1,22 @@
 <script>
-import { mapMutations } from 'vuex';
+import { mapMutations, mapState } from 'vuex';
 
 export default {
 	name: 'about-player',
 	methods: {
 		...mapMutations(['setShowSettings', 'toggleLeftMenu', 'setLeftMenuTab']),
 	},
+	computed: {
+		...mapState(['isMobile']),
+	},
 };
 </script>
 
 <template>
 	<div class="wmp-about">
-	<h2>Keyboard shortcuts</h2>
+	<h2 v-if="!isMobile">Keyboard shortcuts</h2>
 	<p>
-		<dl>
+		<dl v-if="!isMobile">
 			<dt>c</dt>
 			<dd>Play / pause</dd>
 			<dt>b</dt>