:litspick:

This commit is contained in:
Vanessa 2023-04-18 14:00:53 +08:00
parent 6d96b91a5d
commit 0929e98dee
2 changed files with 23 additions and 19 deletions

View file

@ -4,6 +4,7 @@
box-sizing: border-box;
flex: 1;
background-color: var(--b3-theme-background);
height: 90vh;
.b3-label {
padding: 16px 0;
@ -17,7 +18,12 @@
width: 148px;
overflow: auto;
padding: 8px 0;
box-sizing: border-box
box-sizing: border-box;
height: 90vh;
.b3-form__icon {
margin: 0 8px 8px;
}
}
}

View file

@ -26,10 +26,9 @@ export const openSetting = () => {
}
const height = Math.min(window.innerHeight * .9 - 42, window.innerHeight * .7);
const dialog = new Dialog({
content: `<div class="fn__flex-column" style="border-radius: 4px;overflow: hidden;position: relative">
<div class="b3-form__icon search__header"><svg style="left: 14px;" class="b3-form__icon-icon"><use xlink:href="#iconSearch"></use></svg><input class="b3-text-field b3-text-field--text fn__block b3-form__icon-input"></div>
<div class="fn__flex-1 fn__flex config__panel">
<ul class="b3-tab-bar b3-list b3-list--background" style="height:${height}px;">
content: `<div class="fn__flex-1 fn__flex config__panel">
<ul class="b3-tab-bar b3-list b3-list--background">
<div class="b3-form__icon"><svg class="b3-form__icon-icon"><use xlink:href="#iconSearch"></use></svg><input class="b3-text-field fn__block b3-form__icon-input"></div>
<li data-name="editor" class="b3-list-item--focus b3-list-item"><svg class="b3-list-item__graphic"><use xlink:href="#iconEdit"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.editor}</span></li>
<li data-name="filetree" class="b3-list-item"><svg class="b3-list-item__graphic"><use xlink:href="#iconFiles"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.fileTree}</span></li>
<li data-name="card" class="b3-list-item"><svg class="b3-list-item__graphic"><use xlink:href="#iconRiffCard"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.riffCard}</span></li>
@ -44,20 +43,19 @@ export const openSetting = () => {
<li data-name="repos" class="b3-list-item"><svg class="b3-list-item__graphic"><use xlink:href="#iconCloud"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.cloud}</span></li>
<li data-name="about" class="b3-list-item"><svg class="b3-list-item__graphic"><use xlink:href="#iconInfo"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.about}</span></li>
</ul>
<div class="config__tab-container" style="height:${height}px" data-name="editor">${editor.genHTML()}</div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="filetree"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="card"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="AI"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="image"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="export"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="appearance"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="bazaar"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="search"></div>
<div class="config__tab-container fn__none" style="height:${height}px;overflow: scroll" data-name="keymap"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="account"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="repos"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="about"></div>
</div>
<div class="config__tab-container" data-name="editor">${editor.genHTML()}</div>
<div class="config__tab-container fn__none" data-name="filetree"></div>
<div class="config__tab-container fn__none" data-name="card"></div>
<div class="config__tab-container fn__none" data-name="AI"></div>
<div class="config__tab-container fn__none" data-name="image"></div>
<div class="config__tab-container fn__none" data-name="export"></div>
<div class="config__tab-container fn__none" data-name="appearance"></div>
<div class="config__tab-container fn__none" data-name="bazaar"></div>
<div class="config__tab-container fn__none" data-name="search"></div>
<div class="config__tab-container fn__none" style="overflow: scroll" data-name="keymap"></div>
<div class="config__tab-container fn__none" data-name="account"></div>
<div class="config__tab-container fn__none" data-name="repos"></div>
<div class="config__tab-container fn__none" data-name="about"></div>
</div>`,
width: "90vw",
});