git.r.bdr.sh - rbdr/forum/blob - src/lib/components/glyph/glyph.svelte

   1 <script lang="ts">
   2         import { _ } from 'svelte-i18n';
   3         import { getGlyphHash } from '$lib/utils/glyph_hash';
   4
   5         export let uuid: string;
   6 </script>
   7
   8 <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')}>
   9         {#each getGlyphHash(uuid) as fragment}
  10                 <span class="block text-2xl float-left w-6 h-6 text-center leading-6 {fragment.glyph}" style="color: {fragment.color} ">
  11                         {fragment.glyph}
  12                 </span>
  13         {/each}
  14 </div>
  15
  16 <style>
  17         .glyphicon {
  18                 border: 1px solid black;
  19         }
  20
  21         .☽ {
  22                 font-size: 2rem;
  23                 line-height: 19px;
  24         }
  25 </style>