Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2026-03-10 06:32:33 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🎨 fix https://github.com/siyuan-note/siyuan/issues/5610

Browse source
This commit is contained in:
Vanessa 2022-08-12 12:08:16 +08:00
parent 18e377f90f
commit b5ff267908
21 changed files with 123 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/src/mobile/settings/appearance.ts
View file

@ -15,7 +15,7 @@ export const initAppearance = (modelElement: HTMLElement, modelMainElement: HTML
<option value="0" ${window.siyuan.config.appearance.mode === 0 ? "selected" : ""}>${window.siyuan.languages.themeLight}</option>
<option value="1" ${window.siyuan.config.appearance.mode === 1 ? "selected" : ""}>${window.siyuan.languages.themeDark}</option>
</select>
<div class="b3-label__text b3-typography">${window.siyuan.languages.appearance5}</div>
<div class="b3-label__text">${window.siyuan.languages.appearance5}</div>
</div>
<div class="b3-label">
${window.siyuan.languages.theme}
@ -23,12 +23,12 @@ export const initAppearance = (modelElement: HTMLElement, modelMainElement: HTML
<select class="b3-select fn__block" id="themeLight">
${genOptions(window.siyuan.config.appearance.lightThemes, window.siyuan.config.appearance.themeLight)}
</select>
<div class="b3-label__text b3-typography">${window.siyuan.languages.theme11}</div>
<div class="b3-label__text">${window.siyuan.languages.theme11}</div>
<div class="fn__hr"></div>
<select class="b3-select fn__block" id="themeDark">
${genOptions(window.siyuan.config.appearance.darkThemes, window.siyuan.config.appearance.themeDark)}
</select>
<div class="b3-label__text b3-typography">${window.siyuan.languages.theme12}</div>
<div class="b3-label__text">${window.siyuan.languages.theme12}</div>
</div>
<div class="b3-label">
${window.siyuan.languages.icon}
@ -36,19 +36,19 @@ export const initAppearance = (modelElement: HTMLElement, modelMainElement: HTML
<select class="b3-select fn__block" id="icon">
${genOptions(window.siyuan.config.appearance.icons, window.siyuan.config.appearance.icon)}
</select>
<div class="b3-label__text b3-typography">${window.siyuan.languages.theme2}</div>
<div class="b3-label__text">${window.siyuan.languages.theme2}</div>
</div>
<div class="b3-label">
${window.siyuan.languages.language}
<div class="fn__hr"></div>
<select id="lang" class="b3-select fn__block">${genOptions(window.siyuan.config.langs, window.siyuan.config.appearance.lang)}</select>
<div class="b3-label__text b3-typography">${window.siyuan.languages.language1}</div>
<div class="b3-label__text">${window.siyuan.languages.language1}</div>
</div>
<div class="b3-label">
${window.siyuan.languages.fontSize} <span id="fontSize" class="ft__on-surface">${window.siyuan.config.editor.fontSize}px</span>
<div class="fn__hr"></div>
<input class="b3-slider fn__block" max="72" min="9" step="1" type="range" value="${window.siyuan.config.editor.fontSize}">
<div class="b3-label__text b3-typography">${window.siyuan.languages.fontSizeTip}</div>
<div class="b3-label__text">${window.siyuan.languages.fontSizeTip}</div>
</div>`;
modelMainElement.querySelector(".b3-slider").addEventListener("input", (event: InputEvent & { target: HTMLInputElement }) => {
modelMainElement.querySelector("#fontSize").textContent = event.target.value + "px";