Restrict width to preview pane

1 files changed, 12 insertions, 2 deletions

diff --git a/frontend/src/components/renderers/Markdown.js b/frontend/src/components/renderers/Markdown.js
index cbc8dad..81ffa67 100644
--- a/frontend/src/components/renderers/Markdown.js
+++ b/frontend/src/components/renderers/Markdown.js
@@ -1,14 +1,24 @@
 import React from 'react';
 import marked from 'marked';
+import styled from 'styled-components'
+
+const Content = styled.div`
+    max-width: 100%;
+    overflow-wrap: anywhere;
+    img {
+        max-width: 100%;
+    }
+`
 
 const getHtml = (markdown) => {
-    const rawMarkup = marked(markdown, {sanitize: true})
+    const rawMarkup = marked(markdown)
+    console.log(rawMarkup)
     return {__html: rawMarkup}
 }
 
 const Markdown = (props) => {
     const dangerousHtml = getHtml(props.content)
-    return <div dangerouslySetInnerHTML={dangerousHtml} />;
+    return <Content dangerouslySetInnerHTML={dangerousHtml} />;
 }
 
 export default Markdown
\ No newline at end of file