diff options
Diffstat (limited to 'src/lib/Emoji.svelte')
| -rw-r--r-- | src/lib/Emoji.svelte | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/lib/Emoji.svelte b/src/lib/Emoji.svelte index 0e8f4a7..1869f37 100644 --- a/src/lib/Emoji.svelte +++ b/src/lib/Emoji.svelte @@ -1,17 +1,20 @@ <!-- @component - All the emojis inside this component will be turned into Twemojis. + All the emojis inside the value will be turned into Twemojis. --> <script lang="ts"> + // Interestingly, the comment above adds whitespace so we don't need to add + // padding before the emoji like we usually would. + // This is very likely a SvelteKit bug, so when it's fixed we should add + // `margin-left: .25em` to .profile-emoji + import { twemojiHtml } from './utils' export let value: string </script> -<span> - {@html twemojiHtml(value)} -</span> +<span>{@html twemojiHtml(value)}</span> <style> :global(.emoji) { |