Merge pull request #33 from nlxai/render-lists

Render lists in chat bubble
nlxai · Mar 25, 2024 · 997807c · 997807c
2 parents bcc532e + 1bb4469
commit 997807c
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/packages/chat-widget/src/ui/components.tsx b/packages/chat-widget/src/ui/components.tsx
@@ -188,6 +188,23 @@ export const Message = styled.div<{ type: "user" | "bot" }>`
     color: ${(props) =>
       props.type === "user" ? props.theme.white : "#232323"};
   }
+
+  ul,
+  ol {
+    list-style-position: inside;
+  }
+
+  ul {
+    list-style-type: disc;
+  }
+
+  ul ::marker {
+    margin-right: 6px;
+  }
+
+  ol {
+    list-style-type: decimal;
+  }
 `;
 
 export const FailureMessage = styled.p<{}>`