refactor(ui): minor ui improvements

components/button/Primary.vue

@@ -59,7 +59,7 @@
         ]"
       />
       {{ label }}
-      <div v-if="shortcut.length && SHORTCUT_INDICATOR" class="ml-2">
+      <div v-if="shortcut.length" class="ml-2">
         <kbd
           v-for="(key, index) in shortcut"
           :key="`key-${index}`"
@@ -75,7 +75,6 @@
 
 <script lang="ts">
 import { defineComponent } from "@nuxtjs/composition-api"
-import { useSetting } from "~/newstore/settings"
 
 export default defineComponent({
   props: {
@@ -144,10 +143,5 @@ export default defineComponent({
       default: () => [],
     },
   },
-  setup() {
-    return {
-      SHORTCUT_INDICATOR: useSetting("SHORTCUT_INDICATOR"),
-    }
-  },
 })
 </script>

components/button/Secondary.vue

@@ -51,11 +51,18 @@
       ]"
     />
     {{ label }}
-    <div v-if="shortcut.length && SHORTCUT_INDICATOR" class="ml-2">
+    <div v-if="shortcut.length" class="ml-2">
       <kbd
         v-for="(key, index) in shortcut"
         :key="`key-${index}`"
-        class="bg-dividerLight text-secondaryLight ml-1 px-1 inline-flex"
+        class="
+          bg-dividerLight
+          rounded
+          text-secondaryLight
+          ml-1
+          px-1
+          inline-flex
+        "
       >
         {{ key }}
       </kbd>
@@ -65,7 +72,6 @@
 
 <script lang="ts">
 import { defineComponent } from "@nuxtjs/composition-api"
-import { useSetting } from "~/newstore/settings"
 
 export default defineComponent({
   props: {
@@ -122,10 +128,5 @@ export default defineComponent({
       default: () => [],
     },
   },
-  setup() {
-    return {
-      SHORTCUT_INDICATOR: useSetting("SHORTCUT_INDICATOR"),
-    }
-  },
 })
 </script>