style: create images ux

src/components/echarts/scatter.tsx

@@ -28,16 +28,16 @@ const options: any = {
       }
     },
     axisLine: {
-      show: false,
+      show: true,
       lineStyle: {
-        color: '#F2F2F2'
+        color: '#DCDCDC'
       }
     },
     axisTick: {
       show: false
     },
     axisLabel: {
-      show: false
+      show: true
     },
     boundaryGap: [0.05, 0.05]
   },
@@ -54,16 +54,16 @@ const options: any = {
       }
     },
     axisLine: {
-      show: false,
+      show: true,
       lineStyle: {
-        color: '#F2F2F2'
+        color: '#DCDCDC'
       }
     },
     axisTick: {
       show: false
     },
     axisLabel: {
-      show: false
+      show: true
     }
   },
 

src/components/markdown-viewer/index.tsx

@@ -1,3 +1,4 @@
+import { isHTMLDocumentString } from '@/utils';
 import { EyeOutlined } from '@ant-design/icons';
 import { Checkbox, Image, Typography } from 'antd';
 import { unescape } from 'lodash';
@@ -198,12 +199,18 @@ const MarkdownViewer: React.FC<MarkdownViewerProps> = ({
   }, [content, generateImgSrc]);
 
   return (
-    <div
-      style={{ height }}
-      className="markdown-viewer custom-scrollbar-horizontal"
-    >
-      {renderTokens(tokens)}
-    </div>
+    <>
+      {isHTMLDocumentString(content) ? (
+        <div dangerouslySetInnerHTML={{ __html: content }} style={{ height }} />
+      ) : (
+        <div
+          style={{ height }}
+          className="markdown-viewer custom-scrollbar-horizontal"
+        >
+          {renderTokens(tokens)}
+        </div>
+      )}
+    </>
   );
 };