diff --git a/showcase.json b/showcase.json index 5adb4bee..ed8ef767 100644 --- a/showcase.json +++ b/showcase.json @@ -40,7 +40,6 @@ "zoo", "colojayce", "stars", - "somehacker", "nss", "somehacker", "novonine", @@ -48,5 +47,8 @@ "qfdk", "fblauer", "anxiete", - "batman" + "batman", + "hoho", + "kyleten", + "kumasanki" ] diff --git a/src/components/common/Comment.tsx b/src/components/common/Comment.tsx index 3bf4b6ec..4c841789 100644 --- a/src/components/common/Comment.tsx +++ b/src/components/common/Comment.tsx @@ -22,6 +22,7 @@ import { Popover } from "@headlessui/react" import { FaceSmileIcon } from "@heroicons/react/24/outline" import { CSB_SCAN } from "~/lib/env" import { getSiteLink } from "~/lib/helpers" +import { renderPageContent } from "~/markdown" dayjs.extend(duration) dayjs.extend(relativeTime) @@ -172,7 +173,7 @@ export const Comment: React.FC<{ />
-
+
-
{comment.metadata?.content?.content}
+
+ { + renderPageContent(comment.metadata?.content?.content || "") + .element + } +
))} diff --git a/src/css/prose.css b/src/css/prose.css index 9f19ca40..05f50bd9 100644 --- a/src/css/prose.css +++ b/src/css/prose.css @@ -159,3 +159,15 @@ .prose .code-wrapper:hover .copy-button { @apply inline-flex; } + +.xlog-comment .prose { + @apply leading-normal text-[15px]; +} + +.xlog-comment .prose blockquote { + @apply my-1; +} + +.xlog-comment .prose p { + @apply my-1; +}