fix(markdown-renderer): fix image width inside markdown

vtexdocs · May 12, 2022 · d82dc58 · d82dc58
1 parent 3f87916
commit d82dc58
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/markdown-renderer/index.tsx b/src/components/markdown-renderer/index.tsx
@@ -17,6 +17,9 @@ const components = {
   td: ({ node, ...props }: Component) => (
     <td className={styles.td} {...props} />
   ),
+  img: ({ node, ...props }: Component) => (
+    <img className={styles.img} {...props} />
+  ),
 }
 
 interface Props {

diff --git a/src/components/markdown-renderer/styles.module.css b/src/components/markdown-renderer/styles.module.css
@@ -4,4 +4,8 @@
 
 .td {
   border: 1px solid black;
-}
+}
+
+.img {
+  max-width: 100%;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -4,4 +4,8 @@ @@
     .td {
       border: 1px solid black;
-    }
+    }
+    .img {
+      max-width: 100%;
+    }