From 419276fd1e347d6cb7fdae10ab4c486733182372 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?wifi=E6=AD=AAf?= <1402772884@qq.com>
Date: Sat, 8 Feb 2025 20:48:31 +0800
Subject: [PATCH] =?UTF-8?q?style(mini-markdown-editor):=20editor=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/example/index.tsx                        | 30 ++++++++++---------
 .../src/components/Preview/index.tsx          |  1 +
 .../mini-markdown-editor/src/theme/theme.ts   |  2 +-
 3 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/docs/example/index.tsx b/docs/example/index.tsx
index c78e7fa..e577790 100644
--- a/docs/example/index.tsx
+++ b/docs/example/index.tsx
@@ -129,20 +129,22 @@ const App: FC = () => {
       >
         获取预览区实例
       </Button>
-      <Editor
-        status={true}
-        onUpload={handleUpload}
-        local={true}
-        theme={theme}
-        onChange={handleChange}
-        enableShortcuts={true}
-        onDragUpload={handlePatseUpload}
-        onPatseUpload={handlePatseUpload}
-        ref={editorRef}
-        initialValue={
-          "# 标题\n## 二级标题\n### 三级标题\n#### 四级标题\n##### 五级标题\n###### 六级标题\n"
-        }
-      />
+      <div style={{ height: "600px" }}>
+        <Editor
+          status={true}
+          onUpload={handleUpload}
+          local={true}
+          theme={theme}
+          onChange={handleChange}
+          enableShortcuts={true}
+          onDragUpload={handlePatseUpload}
+          onPatseUpload={handlePatseUpload}
+          ref={editorRef}
+          initialValue={
+            "# 标题\n## 二级标题\n### 三级标题\n#### 四级标题\n##### 五级标题\n###### 六级标题\n"
+          }
+        />
+      </div>
     </>
   );
 };
diff --git a/packages/mini-markdown-editor/src/components/Preview/index.tsx b/packages/mini-markdown-editor/src/components/Preview/index.tsx
index 8b56dcd..df1a8fa 100644
--- a/packages/mini-markdown-editor/src/components/Preview/index.tsx
+++ b/packages/mini-markdown-editor/src/components/Preview/index.tsx
@@ -78,6 +78,7 @@ const ScrollWrapper = styled.div`
 
   p {
     line-height: 20px;
+    font-size: 14px;
   }
 
   strong {
diff --git a/packages/mini-markdown-editor/src/theme/theme.ts b/packages/mini-markdown-editor/src/theme/theme.ts
index 3dcb2e7..ea96e6d 100644
--- a/packages/mini-markdown-editor/src/theme/theme.ts
+++ b/packages/mini-markdown-editor/src/theme/theme.ts
@@ -11,7 +11,7 @@ export const lightTheme = {
 };
 
 export const darkTheme = {
-  background: "#0b0b0b",
+  background: "#191d24",
   color: "#dfdfdf",
   borderColor: "#464646",
   silderHelpTitleColor: "#bac6d2",
-- 
Gitee