summaryrefslogtreecommitdiff
path: root/ui/lib/components/Message.svelte
diff options
context:
space:
mode:
authorKit La Touche <kit@transneptune.net>2024-11-03 21:43:00 -0500
committerKit La Touche <kit@transneptune.net>2024-11-03 21:43:00 -0500
commitf38881f3253b3a128154ffd95655859e3dc629dc (patch)
treee0b1eea57aa8b431aa83e2efc4577c12d3cc2b29 /ui/lib/components/Message.svelte
parent032bd28ee996e076bc8341704f74f062a2672645 (diff)
Run spaces-style prettier formatting
Diffstat (limited to 'ui/lib/components/Message.svelte')
-rw-r--r--ui/lib/components/Message.svelte44
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>