fix(components): fix styling for kbd component

nico-bachner · Jun 11, 2021 · 902ff01 · 902ff01 · vercel · Jun 11, 2021
1 parent 51d4573
commit 902ff01
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/components/KBD.vue b/components/KBD.vue
@@ -27,22 +27,22 @@ export default {
         <span v-if="shift">⇧</span>
         <span v-if="option">⌥</span>
         <span v-if="control">⌃</span>
-        <span>
+        <span class="kbd-text">
             <slot />
         </span>
     </kbd>
 </template>
 
 <style scoped>
 kbd {
+    font-family: "Inter", sans-serif;
     background-color: var(--accents-1);
-    padding: 0.15rem;
+    padding: 0.125rem 0.25rem;
     border: 1px solid var(--accents-2);
     border-radius: var(--geist-radius);
     @apply text-sm tracking-tight;
 }
-
-span {
-    margin: 0 0.2rem;
+kbd > span:nth-child(n + 2) {
+    padding-left: 0.5rem;
 }
 </style>