keyboard stuff, styling things

2026-01-09 03:22:49 +00:00 · 2023-09-25 18:12:34 +02:00
parent c93246ee8c
commit d8f0679233
20 changed files with 247 additions and 236 deletions
--- a/src/lib/components/Tooltip.svelte
+++ b/src/lib/components/Tooltip.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+  export let title: string | undefined
+  export let shortcut: string | undefined
+</script>
+
+{#if title}
+  <p>{title}</p>
+{/if}
+
+{#if shortcut}
+  <kbd>
+    {#each shortcut.split("+") as key}
+      <kbd>{key}</kbd>
+    {/each}
+  </kbd>
+{/if}
+
+<style lang="scss">
+  p {
+    margin-block: 0;
+  }
+</style>