]>
Commit | Line | Data |
---|---|---|
a7cf03c1 | 1 | <script lang="ts"> |
58f7d521 | 2 | import { _ } from 'svelte-i18n'; |
a7cf03c1 | 3 | import { getGlyphHash } from '$lib/utils/glyph_hash'; |
66dc4cae | 4 | |
a7cf03c1 | 5 | export let uuid: string; |
66dc4cae BB |
6 | </script> |
7 | ||
6ccc6f60 RBR |
8 | <div |
9 | class="inline-block w-12 h-12 mt-1 bg-white border border-black border-solid p-0.5 box-content glyphicon" | |
10 | role="img" | |
11 | aria-label={$_('glyph.title')} | |
12 | title={$_('glyph.title')} | |
13 | > | |
58f7d521 | 14 | {#each getGlyphHash(uuid) as fragment} |
6ccc6f60 RBR |
15 | <span |
16 | class="block text-2xl float-left w-6 h-6 text-center leading-6 {fragment.glyph}" | |
17 | style="color: {fragment.color} " | |
18 | > | |
58f7d521 RBR |
19 | {fragment.glyph} |
20 | </span> | |
21 | {/each} | |
66dc4cae BB |
22 | </div> |
23 | ||
24 | <style> | |
58f7d521 RBR |
25 | .glyphicon { |
26 | border: 1px solid black; | |
58f7d521 | 27 | } |
66dc4cae | 28 | |
58f7d521 RBR |
29 | .☽ { |
30 | font-size: 2rem; | |
31 | line-height: 19px; | |
32 | } | |
66dc4cae | 33 | </style> |