TheSettings: Improve display of keyboard shortcuts (#291)

gbv · Mar 14, 2019 · 4db4a26 · 4db4a26
1 parent eb14ee8
commit 4db4a26
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/TheSettings.vue b/src/components/TheSettings.vue
@@ -201,8 +201,8 @@
             <ul>
               <li
                 v-for="(keys, index) in shortcut.keys.split(',')"
-                :key="`settingsModal-shortcuts-${shortcut.id}-${index}`">
-                {{ keys }}
+                :key="`settingsModal-shortcuts-${shortcut.id}-keys-${index}`">
+                <span v-html="keys.split('+').map(key => `<code>${key}</code>`).join(' + ')" />
               </li>
             </ul>
           </p>