summaryrefslogtreecommitdiff
path: root/ui/lib/components/Message.svelte
blob: 004a4842b976d22df17439b5a763bf113bac0b8b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script>
    import SvelteMarkdown from 'svelte-markdown';

    export let at;
    export let body;
</script>

<div class="message relative">
    <span class="timestamp chip variant-soft absolute top-0 right-0">{at}</span>
    <section class="mx-4 my-1">
        <SvelteMarkdown source={body} />
    </section>
</div>

<style>
    .message .timestamp {
        display: none;
    }
    .message:hover .timestamp {
        display: flex;
    }
</style>