| | 1 | <script> |
| | 2 | import { getGlyphHash } from '../../utils/glyph_hash'; |
| | 3 | |
| | 4 | export let uuid; |
| | 5 | </script> |
| | 6 | |
| | 7 | <div class="glyphicon" aria-hidden="true" title="User avatar."> |
| | 8 | {#each getGlyphHash(uuid) as fragment} |
| | 9 | <span class="{fragment.glyph}" style="color: {fragment.color} "> |
| | 10 | {fragment.glyph} |
| | 11 | </span> |
| | 12 | {/each} |
| | 13 | </div> |
| | 14 | |
| | 15 | <style> |
| | 16 | .glyphicon { |
| | 17 | border: 1px solid black; |
| | 18 | display: inline-block; |
| | 19 | font-size: 1.4rem; |
| | 20 | height: 48px; |
| | 21 | margin-top: 5px; |
| | 22 | width: 48px; |
| | 23 | } |
| | 24 | |
| | 25 | span { |
| | 26 | display: block; |
| | 27 | float: left; |
| | 28 | width: 24px; |
| | 29 | height: 24px; |
| | 30 | text-align: center; |
| | 31 | line-height: 24px; |
| | 32 | } |
| | 33 | |
| | 34 | .☽ { |
| | 35 | font-size: 2rem; |
| | 36 | line-height: 19px; |
| | 37 | } |
| | 38 | </style> |
git.r.bdr.sh / rbdr / forum / blame_incremental