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 b71cf3c..9376cbe 100644 --- a/ui/lib/components/Message.svelte +++ b/ui/lib/components/Message.svelte @@ -1,33 +1,33 @@ <script> - import { marked } from 'marked'; - import DOMPurify from 'dompurify'; + import { marked } from 'marked'; + import DOMPurify from 'dompurify'; - export let at; - export let body; + export let at; + export let body; - $: renderedBody = DOMPurify.sanitize(marked.parse(body)); + $: renderedBody = DOMPurify.sanitize(marked.parse(body)); - let scroll = (message) => { - message.scrollIntoView(); - } + let scroll = (message) => { + message.scrollIntoView(); + }; </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"> - {@html renderedBody} - </section> + <span class="timestamp chip variant-soft absolute top-0 right-0">{at}</span> + <section use:scroll class="py-1 message-body"> + {@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> |