blob: 0e7cdaffa416daa34cbc8d7b26650ec20b9c2c73 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<script>
import SvelteMarkdown from 'svelte-markdown';
import { currentUser } from '../store';
import { deleteMessage } from '../apiServer';
export let at;
export let sender;
export let message;
let timestamp = new Date(at).toTimeString();
</script>
<div class="hover:bg-zinc-300 flex flex-row">
<div class="sender basis-20 text-right mr-1">
@{sender.name}:
</div>
<div class="body grow">
<SvelteMarkdown source={message.body} />
</div>
<div class="timestamp basis-6">
<!-- TODO: this is too long and looks awful. -->
<!-- {timestamp} -->
</div>
</div>
<style>
div:hover .controls {
display: block;
}
</style>
|
