Public/stable-diffusion-webui-ux
1
0
Fork 0
mirror of https://github.com/anapnoe/stable-diffusion-webui-ux.git synced 2026-09-19 09:15:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

mobile menu

Browse Source
This commit is contained in:
anapnoe
2023-02-12 07:52:20 +02:00
parent b438b94612
commit 670e39facb
4 changed files with 165 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
javascript/ui.js
+30 -1
View File
@@ -85,7 +85,7 @@ function switch_to_extras(){
function get_tab_index(tabId){
var res = 0
gradioApp().getElementById(tabId).querySelector('div').querySelectorAll('button').forEach(function(button, i){
gradioApp().getElementById(tabId).querySelector('div').querySelectorAll('button').forEach(function(button, i){
if(button.className.indexOf('bg-white') != -1)
res = i
})
@@ -351,6 +351,35 @@ onUiUpdate(function(){
})
// mobile nav menu
const tabs_menu = gradioApp().querySelector('#tabs > div:first-child');
const nav_menu = gradioApp().querySelector('#nav_menu');
let menu_open = false;
function toggleNavMenu() {
menu_open = !menu_open;
if(menu_open){
tabs_menu.classList.add("open");
nav_menu.classList.add("fixed");
}else{
tabs_menu.classList.remove("open");
nav_menu.classList.remove("fixed");
}
}
nav_menu.addEventListener('click', toggleNavMenu);
tabs_menu.addEventListener("click", function(e) {
e.preventDefault();
menu_open = false;
tabs_menu.classList.remove("open");
nav_menu.classList.remove("fixed");
})
})