chore(content-theme): 调整公式块样式

Thysrael · May 27, 2023 · 47d3e27 · 47d3e27
1 parent 9d36fb0
commit 47d3e27
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -56,7 +56,7 @@
         "electron-log": "^4.0.6",
         "eslint": "^8.38.0",
         "eslint-plugin-vue": "^8.0.3",
-        "ficus-editor": "^1.1.17",
+        "ficus-editor": "^1.1.21",
         "ficus-mindmap": "0.6.27",
         "fs-extra": "^11.1.1",
         "husky": "^8.0.3",

diff --git a/public/ficus-editor/dist/css/content-theme/classic.css b/public/ficus-editor/dist/css/content-theme/classic.css
@@ -226,15 +226,18 @@ pre.vditor-sv:focus {
 
 .vditor-reset span.katex-html {
   font-size: 16px;
-  padding-top: 10px;
+  padding: 10px 0;
 }
 
 .vditor-reset mjx-container svg {
-  height: 12px;
-  padding-top: 0;
+  height: 11px;
   vertical-align: 0 !important;
 }
 
+.vditor-reset .math-block-preview {
+  background: var(--SwissCoffee-500);
+}
+
 /** 内联公式编辑区域 **/
 
 .vditor-reset code[data-type="math-inline"] {
@@ -247,7 +250,7 @@ pre.vditor-sv:focus {
 /** 公式块编辑区域 **/
 
 .vditor-reset code[data-type="math-block"] {
-  background-color: var(--SwissCoffee-500);
+  background-color: var(--TextLight);
   font-size: 16px;
   line-height: 30px;
   padding: 0.6em 0.6em !important;

diff --git a/public/ficus-editor/dist/css/content-theme/modern.css b/public/ficus-editor/dist/css/content-theme/modern.css
@@ -226,15 +226,18 @@ pre.vditor-sv:focus {
 
 .vditor-reset span.katex-html {
   font-size: 16px;
-  padding-top: 10px;
+  padding: 10px 0;
 }
 
 .vditor-reset mjx-container svg {
-  height: 12px;
-  padding-top: 0;
+  height: 11px;
   vertical-align: 0 !important;
 }
 
+.vditor-reset .math-block-preview {
+  background: var(--SwissCoffee-500);
+}
+
 /** 内联公式编辑区域 **/
 
 .vditor-reset code[data-type="math-inline"] {
@@ -247,7 +250,7 @@ pre.vditor-sv:focus {
 /** 公式块编辑区域 **/
 
 .vditor-reset code[data-type="math-block"] {
-  background-color: var(--SwissCoffee-500);
+  background-color: var(--TextLight);
   font-size: 16px;
   line-height: 30px;
   padding: 0.6em 0.6em !important;