diff options
Diffstat (limited to 'ui/lib/components/Message.svelte')
| -rw-r--r-- | ui/lib/components/Message.svelte | 44 |
1 files changed, 22 insertions, 22 deletions
diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte index f47e9b6..f0e7045 100644 --- a/ui/lib/components/Message.svelte +++ b/ui/lib/components/Message.svelte @@ -1,32 +1,32 @@ <script> - import { marked } from 'marked'; - import DOMPurify from 'dompurify'; + import { marked } from 'marked'; + import DOMPurify from 'dompurify'; - function scroll(message) { - message.scrollIntoView(); - } + function scroll(message) { + message.scrollIntoView(); + } - let { at, body } = $props(); - let renderedBody = $derived(DOMPurify.sanitize(marked.parse(body, { breaks: true }))); + let { at, body } = $props(); + let renderedBody = $derived(DOMPurify.sanitize(marked.parse(body, { breaks: true }))); </script> <div class="message relative"> - <span class="timestamp chip variant-soft absolute top-0 right-0">{at}</span> - <section use:scroll class="py-1 message-body"> - <!-- eslint-disable-next-line svelte/no-at-html-tags --> - {@html renderedBody} - </section> + <span class="timestamp chip variant-soft absolute top-0 right-0">{at}</span> + <section use:scroll class="py-1 message-body"> + <!-- eslint-disable-next-line svelte/no-at-html-tags --> + {@html renderedBody} + </section> </div> <style> - .message .timestamp { - display: none; - } - .message:hover .timestamp { - display: flex; - } - .message-body:empty:after { - content: '.'; - visibility: hidden; - } + .message .timestamp { + display: none; + } + .message:hover .timestamp { + display: flex; + } + .message-body:empty:after { + content: '.'; + visibility: hidden; + } </style> |