diff options
Diffstat (limited to 'src/lib/components/glyph')
| -rw-r--r-- | src/lib/components/glyph/glyph.svelte | 20 |
1 files changed, 2 insertions, 18 deletions
diff --git a/src/lib/components/glyph/glyph.svelte b/src/lib/components/glyph/glyph.svelte index 0559b98..0726752 100644 --- a/src/lib/components/glyph/glyph.svelte +++ b/src/lib/components/glyph/glyph.svelte @@ -5,9 +5,9 @@ export let uuid: string; </script> -<div class="glyphicon" role="img" aria-label={$_('glyph.title')} title={$_('glyph.title')}> +<div class="inline-block w-12 h-12 mt-1 bg-white border border-black border-solid p-0.5 box-content glyphicon" role="img" aria-label={$_('glyph.title')} title={$_('glyph.title')}> {#each getGlyphHash(uuid) as fragment} - <span class={fragment.glyph} style="color: {fragment.color} "> + <span class="block text-2xl float-left w-6 h-6 text-center leading-6 {fragment.glyph}" style="color: {fragment.color} "> {fragment.glyph} </span> {/each} @@ -16,22 +16,6 @@ <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; - } - - span { - display: block; - float: left; - width: 24px; - height: 24px; - text-align: center; - line-height: 24px; } .☽ { |