fix: render of markdown preview

2024-12-06 17:22:42 +00:00
parent ccdded32a8
commit df7ba4c490
9 changed files with 164 additions and 79 deletions
--- a/src/components/Markdowns/MarkdownContent.css
+++ b/src/components/Markdowns/MarkdownContent.css
@@ -0,0 +1,26 @@
+.markdown-content-container {
+    margin: 20px;
+    padding: 20px;
+    background: #fff;
+    border-radius: 8px;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+.markdown-content {
+    font-family: "Arial", sans-serif;
+    line-height: 1.6;
+}
+
+.markdown-content pre {
+    background: #f5f5f5;
+    padding: 10px;
+    border-radius: 4px;
+    overflow-x: auto;
+}
+
+.markdown-content code {
+    background: #f9f9f9;
+    padding: 2px 4px;
+    border-radius: 4px;
+    font-size: 0.95em;
+}