diff options
| author | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2021-04-15 23:06:26 +0200 |
|---|---|---|
| committer | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2021-04-15 23:06:26 +0200 |
| commit | 58f7d52150456713d3132408668a92d0f6f3d084 (patch) | |
| tree | 4b346042a684e416e53c4f4ac779060b832ad227 /src/components/glyph | |
| parent | 63c3da2af27fcfb1a9893ade03543e3a30949c8d (diff) | |
Port to sveltekit
Diffstat (limited to 'src/components/glyph')
| -rw-r--r-- | src/components/glyph/glyph.svelte | 62 |
1 files changed, 31 insertions, 31 deletions
diff --git a/src/components/glyph/glyph.svelte b/src/components/glyph/glyph.svelte index 32e8ee6..e430d42 100644 --- a/src/components/glyph/glyph.svelte +++ b/src/components/glyph/glyph.svelte @@ -1,41 +1,41 @@ <script> - import { _ } from 'svelte-i18n'; - import { getGlyphHash } from '$/utils/glyph_hash'; + import { _ } from 'svelte-i18n'; + import { getGlyphHash } from '$/utils/glyph_hash'; - export let uuid; + export let uuid; </script> -<div class="glyphicon" aria-hidden="true" title="{$_('glyph.title')}"> - {#each getGlyphHash(uuid) as fragment} - <span class="{fragment.glyph}" style="color: {fragment.color} "> - {fragment.glyph} - </span> - {/each} +<div class="glyphicon" aria-hidden="true" title={$_('glyph.title')}> + {#each getGlyphHash(uuid) as fragment} + <span class={fragment.glyph} style="color: {fragment.color} "> + {fragment.glyph} + </span> + {/each} </div> <style> - .glyphicon { - border: 1px solid black; - display: inline-block; - font-size: 1.4rem; - height: 48px; - margin-top: 5px; - width: 48px; - background-color: white; - padding: 2px; - } + .glyphicon { + border: 1px solid black; + display: inline-block; + font-size: 1.4rem; + height: 48px; + margin-top: 5px; + width: 48px; + background-color: white; + padding: 2px; + } - span { - display: block; - float: left; - width: 24px; - height: 24px; - text-align: center; - line-height: 24px; - } + span { + display: block; + float: left; + width: 24px; + height: 24px; + text-align: center; + line-height: 24px; + } - .☽ { - font-size: 2rem; - line-height: 19px; - } + .☽ { + font-size: 2rem; + line-height: 19px; + } </style> |