diff options
| author | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2022-05-31 01:04:10 +0200 |
|---|---|---|
| committer | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2022-05-31 01:04:10 +0200 |
| commit | 852ee620f0a2f6a83cf83eba860ca951b66bb7e2 (patch) | |
| tree | 3b1db871625c89f08c3c6422c135f84ec116943b /src/lib/components/glyph/glyph.svelte | |
| parent | d2cd7f1b4c318ac8587ab3dc1dec4a44b6d592fe (diff) | |
Use supabase
Diffstat (limited to 'src/lib/components/glyph/glyph.svelte')
| -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; } .☽ { |