mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-09-04 01:22:32 +00:00
37 lines
803 B
Svelte
37 lines
803 B
Svelte
<script lang="ts">
|
|
import { isMac, isSafari } from '$lib/utils';
|
|
import { onMount } from 'svelte';
|
|
import { _ } from 'svelte-i18n';
|
|
|
|
export let key: string | undefined = undefined;
|
|
export let shift: boolean = false;
|
|
export let ctrl: boolean = false;
|
|
export let click: boolean = false;
|
|
|
|
let mac = false;
|
|
let safari = false;
|
|
|
|
onMount(() => {
|
|
mac = isMac();
|
|
safari = isSafari();
|
|
});
|
|
</script>
|
|
|
|
<div
|
|
class="ml-auto pl-2 text-xs tracking-widest text-muted-foreground flex flex-row gap-0 items-baseline"
|
|
{...$$props}
|
|
>
|
|
{#if shift}
|
|
<span>⇧</span>
|
|
{/if}
|
|
{#if ctrl}
|
|
<span>{mac && !safari ? '⌘' : $_('menu.ctrl') + '+'}</span>
|
|
{/if}
|
|
{#if key}
|
|
<span class={key === '+' ? 'font-medium text-sm/4' : ''}>{key}</span>
|
|
{/if}
|
|
{#if click}
|
|
<span>{$_('menu.click')}</span>
|
|
{/if}
|
|
</div>
|