fix markdown overflow when render long code (#1640)

* fix markdown overflow when render long code * remove unneeded style
LAION-AI · Feb 16, 2023 · 92a5210 · 92a5210
1 parent 4cdd4bb
commit 92a5210
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/website/src/components/Messages/RenderedMarkdown.tsx b/website/src/components/Messages/RenderedMarkdown.tsx
@@ -27,6 +27,7 @@ const components = {
 };
 
 const sx: SystemStyleObject = {
+  overflowX: "auto",
   pre: {
     bg: "transparent",
   },
@@ -43,12 +44,12 @@ const sx: SystemStyleObject = {
   },
   "p:only-child": {
     my: 0, // ovoid margin when markdown only render 1 p tag
+    mt: { base: 1.5, md: 0 },
   },
   p: {
     whiteSpace: "pre-wrap",
     display: "inline-block",
   },
-  display: "inline-block",
   wordBreak: "break-word",
   "> blockquote": {
     borderInlineStartColor: "gray.300",

diff --git a/website/src/pages/api/messages/[id]/tree.ts b/website/src/pages/api/messages/[id]/tree.ts
@@ -9,7 +9,7 @@ export default withoutRole("banned", async (req, res, token) => {
   const isModOrAdmin = token.role === ROLES.ADMIN || token.role === ROLES.MODERATOR;
   const response = await client.fetch_message_tree(messageId, {
     include_deleted: isModOrAdmin,
-    include_spam: isModOrAdmin,
+    include_spam: true,
   });
 
   if (!response) {