diff options
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> |