mirror of
https://github.com/CharaChorder/DeviceManager.git
synced 2026-01-19 00:13:01 +00:00
28 lines
433 B
Svelte
28 lines
433 B
Svelte
<script lang="ts">
|
|
let { title, shortcut }: { title?: string; shortcut?: string } = $props();
|
|
</script>
|
|
|
|
{#if title}
|
|
<p>{@html title}</p>
|
|
{/if}
|
|
|
|
{#if shortcut}
|
|
<kbd>
|
|
{#each shortcut.split("+") as key}
|
|
<kbd>{key}</kbd>
|
|
{/each}
|
|
</kbd>
|
|
{/if}
|
|
|
|
<style lang="scss">
|
|
p {
|
|
margin-block: 0;
|
|
|
|
:global(kbd.icon) {
|
|
display: inline-flex;
|
|
font-size: inherit;
|
|
translate: 0 0.2em;
|
|
}
|
|
}
|
|
</style>
|