amass/md
1
0
Fork 0
mirror of https://github.com/doocs/md.git synced 2024-11-24 11:00:33 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: font-size of theme (#429)
All checks were successful
Build and Deploy / build-and-deploy (push) Has been skipped
Details

Browse Source
This commit is contained in:
YangFong 2024-09-28 16:07:30 +08:00 committed by GitHub
parent c7b0e027ac
commit e7f01b640a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/stores/index.ts
View File

@ -43,7 +43,7 @@ export const useStore = defineStore(`store`, () => {
// 图注格式
const legend = useStorage(`legend`, legendOptions[3].value)
const fontSizeNumber = computed(() => fontSize.value.replace(`px`, ``))
const fontSizeNumber = computed(() => Number(fontSize.value.replace(`px`, ``)))
// 内容编辑器编辑器
const editor = ref<CodeMirror.EditorFromTextArea | null>(null)
@ -132,7 +132,7 @@ export const useStore = defineStore(`store`, () => {
const renderer = initRenderer({
theme: customCssWithTemplate(css2json(getCurrentTab().content), primaryColor.value, customizeTheme(themeMap[theme.value], { fontSize: fontSizeNumber.value, color: primaryColor.value })),
fonts: fontFamily.value,
size: fontSizeNumber.value,
size: fontSize.value,
})
// 更新编辑器
@ -264,7 +264,7 @@ export const useStore = defineStore(`store`, () => {
const getTheme = (size: string, color: string) => {
const newTheme = themeMap[theme.value]
const fontSize = size.replace(`px`, ``)
const fontSize = Number(size.replace(`px`, ``))
return customCssWithTemplate(css2json(getCurrentTab().content), color, customizeTheme(newTheme, { fontSize, color }))
}

4
src/utils/index.ts
View File

@ -14,7 +14,7 @@ export function addPrefix(str: string) {
}
export function customizeTheme(theme: Theme, options: {
fontSize?: string
fontSize?: number
color?: string
}) {
const newTheme = JSON.parse(JSON.stringify(theme))
@ -22,7 +22,7 @@ export function customizeTheme(theme: Theme, options: {
if (fontSize) {
for (let i = 1; i <= 4; i++) {
const v = newTheme.block[`h${i}`][`font-size`]
newTheme.block[`h${i}`][`font-size`] = `${Number(fontSize) * Number.parseFloat(v)}px`
newTheme.block[`h${i}`][`font-size`] = `${fontSize * Number.parseFloat(v)}px`
}
}
if (color) {