fix ui element padding

This commit is contained in:
binary-husky 2023-12-29 15:16:33 +08:00
parent 865c4ca993
commit ef8fadfa18
3 changed files with 11 additions and 5 deletions

View File

@ -161,10 +161,9 @@ def main():
checkboxes = gr.CheckboxGroup(["基础功能区", "函数插件区", "浮动输入区", "输入清除键", "插件参数区"], checkboxes = gr.CheckboxGroup(["基础功能区", "函数插件区", "浮动输入区", "输入清除键", "插件参数区"],
value=["基础功能区", "函数插件区"], label="显示/隐藏功能区", elem_id='cbs').style(container=False) value=["基础功能区", "函数插件区"], label="显示/隐藏功能区", elem_id='cbs').style(container=False)
checkboxes_2 = gr.CheckboxGroup(["自定义菜单"], checkboxes_2 = gr.CheckboxGroup(["自定义菜单"],
value=[], label="显示/隐藏自定义菜单", elem_id='cbs').style(container=False) value=[], label="显示/隐藏自定义菜单", elem_id='cbsc').style(container=False)
dark_mode_btn = gr.Button("切换界面明暗 ☀", variant="secondary").style(size="sm") dark_mode_btn = gr.Button("切换界面明暗 ☀", variant="secondary").style(size="sm")
dark_mode_btn.click(None, None, None, _js=js_code_for_toggle_darkmode, dark_mode_btn.click(None, None, None, _js=js_code_for_toggle_darkmode)
)
with gr.Tab("帮助", elem_id="interact-panel"): with gr.Tab("帮助", elem_id="interact-panel"):
gr.Markdown(help_menu_description) gr.Markdown(help_menu_description)

View File

@ -94,6 +94,10 @@
background-color: var(--block-background-fill) !important; background-color: var(--block-background-fill) !important;
} }
#cbsc {
background-color: var(--block-background-fill) !important;
}
#interact-panel .form { #interact-panel .form {
border: hidden border: hidden
} }

View File

@ -483,8 +483,10 @@ function audio_fn_init() {
} }
} }
function minor_ui_adjustment() {
let cbsc_area = document.getElementById('cbsc');
cbsc_area.style.paddingTop = '15px';
}
// -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// 第 6 部分: JS初始化函数 // 第 6 部分: JS初始化函数
@ -492,6 +494,7 @@ function audio_fn_init() {
function GptAcademicJavaScriptInit(LAYOUT = "LEFT-RIGHT") { function GptAcademicJavaScriptInit(LAYOUT = "LEFT-RIGHT") {
audio_fn_init(); audio_fn_init();
minor_ui_adjustment();
chatbotIndicator = gradioApp().querySelector('#gpt-chatbot > div.wrap'); chatbotIndicator = gradioApp().querySelector('#gpt-chatbot > div.wrap');
var chatbotObserver = new MutationObserver(() => { var chatbotObserver = new MutationObserver(() => {
chatbotContentChanged(1); chatbotContentChanged(1);