fix: 修正locales和侧栏滚动条样式

jackadam1981 · Apr 14, 2023 · 219a53b · 219a53b
1 parent 7548d8a
commit 219a53b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/common/plugins/instance.ts b/src/common/plugins/instance.ts
@@ -6,15 +6,12 @@ import math from '@bytemd/plugin-math'
 import mermaid from '@bytemd/plugin-mermaid'
 import mediumZoom from '@bytemd/plugin-medium-zoom'
 import gemoji from '@bytemd/plugin-gemoji'
-
 import imageZoom from '@ziuchen/bytemd-plugin-image-zoom'
 import align from '@ziuchen/bytemd-plugin-align'
 import highlightTheme from '@ziuchen/bytemd-plugin-highlight-theme'
 import markdownTheme from '@ziuchen/bytemd-plugin-markdown-theme'
-
 import highlights from '@ziuchen/bytemd-plugin-highlight-theme/dist/highlights.json'
 import themes from '@ziuchen/bytemd-plugin-markdown-theme/dist/themes.json'
-
 import {
  enhancePlugin,
  customImagePlugin,
@@ -23,10 +20,13 @@ import {
  exportPlugin,
  pasteImagePlugin
 } from '@/common/plugins'
-
 import zhHansGfm from '@bytemd/plugin-gfm/locales/zh_Hans.json'
 import zhHansMath from '@bytemd/plugin-math/locales/zh_Hans.json'
 import zhHansMerimaid from '@bytemd/plugin-mermaid/locales/zh_Hans.json'
+import zhHansImageZoom from '@ziuchen/bytemd-plugin-image-zoom/locales/zh_Hans.json'
+import zhHansAlign from '@ziuchen/bytemd-plugin-align/locales/zh_Hans.json'
+import zhHansHighlightTheme from '@ziuchen/bytemd-plugin-highlight-theme/locales/zh_Hans.json'
+import zhHansMarkdownTheme from '@ziuchen/bytemd-plugin-markdown-theme/locales/zh_Hans.json'
 
 export const plugins = [
  imageUploadPlugin(),
@@ -39,19 +39,25 @@ export const plugins = [
  frontmatter(),
  highlight(),
  mediumZoom(),
- align(),
- imageZoom(),
+ align({
+ locale: zhHansAlign
+ }),
+ imageZoom({
+ locale: zhHansImageZoom
+ }),
  math({
  locale: zhHansMath
  }),
  mermaid({
  locale: zhHansMerimaid
  }),
  markdownTheme({
+ locale: zhHansMarkdownTheme,
  themes,
  defaultTheme: 'juejin'
  }),
  highlightTheme({
+ locale: zhHansHighlightTheme,
  highlights,
  defaultHighlight: 'atom-one-dark'
  }),

diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue
@@ -540,6 +540,7 @@ function handleArticleImport(fileList: { title: string; data: string }[]) {
 }
 
 .arco-tree {
+ height: 100%;
  width: 100%;
  align-self: flex-start;
  overflow: auto;