diff options
| author | kartofen <mladenovnasko0@gmail.com> | 2022-08-28 00:08:07 +0300 |
|---|---|---|
| committer | kartofen <mladenovnasko0@gmail.com> | 2022-08-28 00:08:07 +0300 |
| commit | 35b06b4fc851192916e000ad5e7e2f458846448c (patch) | |
| tree | f9a1536aae76a5058d26f8b82ddcf63e83f500cc /src/components/Comment.svelte | |
| parent | 8f5278eb443864910dd9c2131c992d71e3af2d20 (diff) | |
working on thread uploading
Diffstat (limited to 'src/components/Comment.svelte')
| -rw-r--r-- | src/components/Comment.svelte | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/src/components/Comment.svelte b/src/components/Comment.svelte index 09469cc..bc53f4d 100644 --- a/src/components/Comment.svelte +++ b/src/components/Comment.svelte @@ -8,24 +8,24 @@ <div class="commentbox" id="{comment.id}"> <span style="line-height: 2rem;"> - {comment.id} + <span style="font-family: mono">{comment.id}</span> at {formatTime(comment.creationDate)} <br> - -> <span style="{creatorColor(comment.commentCreator)}"> + -> <span style="{creatorColor(comment.commentCreator)}; font-family: mono"> {comment.commentCreator} </span> <br> </span> - {#if comment.imageId!= null && comment.imageId != undefined} - {#if comment.fileType == 'image'} - <a href="{comment.imageId}" target="_blank" rel="noopener noreferrer"> - <img src="{comment.imageId}" alt="{comment.imageId}" height="300px" width="300px"> <br> - </a> - {:else if comment.fileType == 'video'} - <video width="320" height="240" controls muted> - <source src="{comment.imageId}"> - </video> - {/if} + {#if comment.imageId!= null && comment.imageId != undefined} + {#if comment.fileType == 'image'} + <a href="{comment.imageId}" target="_blank" rel="noopener noreferrer"> + <img src="{comment.imageId}" alt="{comment.imageId}" height="300px" width="300px"> <br> + </a> + {:else if comment.fileType == 'video'} + <video width="320" height="240" controls muted> + <source src="{comment.imageId}"> + </video> {/if} + {/if} <p>{@html comment.commentText}</p> |