fix(viewer): image bug

src/styles/mdxEditor.scss

@@ -99,41 +99,47 @@
   padding-top: 10px;
   min-height: 75px;
 }
-.viewer table {
+.viewer {
-  table-layout: fixed;
+  img {
-  width: 100%;
+    max-width: 100%;
-  border-spacing: 0;
+    height: auto;
-  border-collapse: collapse;
+  }
-
+  table {
-  & > tbody > tr > td,
+    table-layout: fixed;
-  & > thead > tr > th {
+    width: 100%;
-    border: 1px solid #e0e1e6;
+    border-spacing: 0;
-    padding: 0.25rem 0.5rem;
+    border-collapse: collapse;
-    white-space: normal;
-
-    & > div {
-      outline: none;
-
-      & > p {
-        margin: 0;
-      }
-    }
 
     & > tbody > tr > td,
     & > thead > tr > th {
-      [align='left'] {
+      border: 1px solid #e0e1e6;
-        text-align: left;
+      padding: 0.25rem 0.5rem;
-      }
+      white-space: normal;
-      [align='center'] {
-        text-align: center;
-      }
-      [align='right'] {
-        text-align: right;
-      }
-    }
 
-    &:empty::before {
+      & > div {
-      content: '\00A0';
+        outline: none;
+
+        & > p {
+          margin: 0;
+        }
+      }
+
+      & > tbody > tr > td,
+      & > thead > tr > th {
+        [align='left'] {
+          text-align: left;
+        }
+        [align='center'] {
+          text-align: center;
+        }
+        [align='right'] {
+          text-align: right;
+        }
+      }
+
+      &:empty::before {
+        content: '\00A0';
+      }
     }
   }
 }