diff options
Diffstat (limited to 'ui/lib/components/Message.svelte')
| -rw-r--r-- | ui/lib/components/Message.svelte | 21 |
1 files changed, 5 insertions, 16 deletions
diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte index d040433..ef8ea0b 100644 --- a/ui/lib/components/Message.svelte +++ b/ui/lib/components/Message.svelte @@ -1,33 +1,22 @@ <script> import SvelteMarkdown from 'svelte-markdown'; - import { currentUser, logins } from '$lib/store'; - import { deleteMessage } from '$lib/apiServer'; - export let at; // XXX: Omitted for now. - export let sender; + export let at; export let body; - - let timestamp = new Date(at).toTimeString(); - let name; - $: name = $logins.get(sender); </script> -<div class="card card-hover m-4 relative"> - <span class="chip variant-soft sticky top-o left-0"> - <!-- TODO: should this show up for only the first of a run? --> - @{name}: - </span> +<div class="message relative"> <span class="timestamp chip variant-soft absolute top-0 right-0">{at}</span> - <section class="p-4"> + <section class="p-1"> <SvelteMarkdown source={body} /> </section> </div> <style> - .card .timestamp { + .message .timestamp { display: none; } - .card:hover .timestamp { + .message:hover .timestamp { display: flex; } </style> |