Fix comment display

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2022-11-22 12:47:38 +01:00
parent fde0c9b5d8
commit 9eab9f1bbb
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
2 changed files with 14 additions and 13 deletions

View file

@ -1,12 +1,12 @@
<template> <template>
<li <li
class="bg-white dark:bg-zinc-800 rounded p-2"
:class="{ :class="{
reply: comment.inReplyToComment, reply: comment.inReplyToComment,
'bg-purple-2': comment.isAnnouncement, 'bg-mbz-purple-50 dark:bg-mbz-purple-500': comment.isAnnouncement,
'bg-violet-1': commentSelected, 'bg-mbz-bluegreen-50 dark:bg-mbz-bluegreen-600': commentSelected,
'shadow-none': !rootComment, 'shadow-none': !rootComment,
}" }"
class="bg-white dark:bg-zinc-900 rounded p-2"
> >
<article :id="commentId" dir="auto" class="mbz-comment"> <article :id="commentId" dir="auto" class="mbz-comment">
<div> <div>
@ -53,6 +53,7 @@
v-html="comment.text" v-html="comment.text"
dir="auto" dir="auto"
:lang="comment.language" :lang="comment.language"
class="prose dark:prose-invert xl:prose-lg !max-w-full" :class="{ 'text-black dark:text-white': comment.isAnnouncement}"
/> />
<div v-else>{{ t("[This comment has been deleted]") }}</div> <div v-else>{{ t("[This comment has been deleted]") }}</div>
<nav class="flex gap-1 mt-1" v-if="!comment.deletedAt"> <nav class="flex gap-1 mt-1" v-if="!comment.deletedAt">

View file

@ -38,16 +38,16 @@ module.exports = {
}, },
"mbz-purple": { "mbz-purple": {
DEFAULT: "#424056", DEFAULT: "#424056",
50: "#9C9AB4", 50: "#CAC9D7",
100: "#918EAB", 100: "#BEBDCE",
200: "#7A779A", 200: "#A8A6BC",
300: "#666385", 300: "#918EAB",
400: "#54516D", 400: "#7A779A",
500: "#424056", 500: "#666385",
600: "#292836", 600: "#54516D",
700: "#111016", 700: "#424056",
800: "#000000", 800: "#292836",
900: "#000000", 900: "#111016",
}, },
"mbz-bluegreen": { "mbz-bluegreen": {
DEFAULT: "#1E7D97", DEFAULT: "#1E7D97",