aboutsummaryrefslogtreecommitdiff
path: root/src/tools/keycode-info/keycode-info.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/tools/keycode-info/keycode-info.vue')
-rw-r--r--src/tools/keycode-info/keycode-info.vue10
1 files changed, 5 insertions, 5 deletions
diff --git a/src/tools/keycode-info/keycode-info.vue b/src/tools/keycode-info/keycode-info.vue
index 19d48df..a999d8a 100644
--- a/src/tools/keycode-info/keycode-info.vue
+++ b/src/tools/keycode-info/keycode-info.vue
@@ -54,13 +54,13 @@ const fields = computed(() => {
<template>
<div>
- <c-card style="text-align: center; padding: 40px 0; margin-bottom: 26px">
- <n-h2 v-if="event">
+ <c-card mb-5 text-center important:py-12>
+ <div v-if="event" mb-2 text-3xl>
{{ event.key }}
- </n-h2>
- <n-text strong depth="3">
+ </div>
+ <span lh-1 op-70>
Press the key on your keyboard you want to get info about this key
- </n-text>
+ </span>
</c-card>
<n-input-group v-for="({ label, value, placeholder }, i) of fields" :key="i" style="margin-bottom: 5px">