perf: 样式优化和Filefox兼容

README.md

@@ -192,7 +192,7 @@ If you wish to use this project for commercial gain, I hope you will respect ope
         - 你的代码被本项目作为依赖引用；
         - 你给本项目提交过重要的 PR 并且被合并；
         - 你长期参与到本项目的维护工作中；
-    3. 联系作者付费获取商业授权。
+    3. 邮件联系作者付费获取商业授权。（注：仅授权，不存在额外商业化版本和技术支持）
 
 
 # 👎👎👎 耻辱柱 🤮🤮🤮

README_zh.md

@@ -178,7 +178,7 @@ npm run dev
         - 你的代码被本项目作为依赖引用；
         - 你给本项目提交过重要的 PR 并且被合并；
         - 你长期参与到本项目的维护工作中；
-    3. 联系作者付费授权。
+    3. 邮件联系作者付费获取商业授权。（注：仅授权，不存在额外商业化版本和技术支持）
 
 
 # 👎👎👎 耻辱柱 🤮🤮🤮

src/assets/styles/global.scss

@@ -134,4 +134,5 @@ textarea {
 }
 ::-webkit-scrollbar-thumb {
   background-color: #e1e1e1;
+  border-radius: 3px;
 }

src/components/LaTeXEditor/index.vue

@@ -163,6 +163,7 @@ const insertSymbol = (latex: string) => {
     height: 100% !important;
     border-color: $borderColor !important;
     padding: 10px !important;
+    font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
 
     &:focus {
       box-shadow: none !important;

src/views/Editor/Canvas/LinkDialog.vue

@@ -121,6 +121,7 @@ const save = () => {
 .thumbnail {
   border: 1px solid rgba($color: $themeColor, $alpha: .15);
   margin-top: 5px;
+  border-radius: $borderRadius;
 }
 .btns {
   margin-top: 20px;

src/views/Editor/ExportDialog/ExportJSON.vue

@@ -63,9 +63,10 @@ pre {
 ::-webkit-scrollbar {
   width: 10px;
   height: 10px;
-  background-color: #f9f9f9;
+  background-color: transparent;
 }
 ::-webkit-scrollbar-thumb {
   background-color: #e1e1e1;
+  border-radius: 5px;
 }
 </style>

src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue

@@ -381,6 +381,7 @@ table {
     height: 100%;
     border: 0;
     outline: 0;
+    padding: 0;
     font-size: 13px;
     text-align: center;
     background-color: transparent;

src/views/Editor/Toolbar/SlideDesignPanel.vue

@@ -255,11 +255,11 @@
     </template>
 
     <div class="row">
-      <Button style="flex: 1;" @click="themeStylesExtractVisible = true">从幻灯片提取</Button>
+      <Button style="flex: 1;" @click="applyThemeToAllSlides(moreThemeConfigsVisible)">应用主题到全部</Button>
     </div>
 
     <div class="row">
-      <Button style="flex: 1;" @click="applyThemeToAllSlides(moreThemeConfigsVisible)">应用主题到全部</Button>
+      <Button style="flex: 1;" @click="themeStylesExtractVisible = true">从幻灯片提取主题</Button>
     </div>
 
     <Divider />