| | var isSetupForMobile = false; |
| |
|
| | function isMobile() { |
| | for (var tab of ["txt2img", "img2img"]) { |
| | var imageTab = gradioApp().getElementById(tab + '_results'); |
| | if (imageTab && imageTab.offsetParent && imageTab.offsetLeft == 0) { |
| | return true; |
| | } |
| | } |
| |
|
| | return false; |
| | } |
| |
|
| | function reportWindowSize() { |
| | if (gradioApp().querySelector('.toprow-compact-tools')) return; |
| |
|
| | var currentlyMobile = isMobile(); |
| | if (currentlyMobile == isSetupForMobile) return; |
| | isSetupForMobile = currentlyMobile; |
| |
|
| | for (var tab of ["txt2img", "img2img"]) { |
| | var button = gradioApp().getElementById(tab + '_generate_box'); |
| | var target = gradioApp().getElementById(currentlyMobile ? tab + '_results' : tab + '_actions_column'); |
| | target.insertBefore(button, target.firstElementChild); |
| |
|
| | gradioApp().getElementById(tab + '_results').classList.toggle('mobile', currentlyMobile); |
| | } |
| | } |
| |
|
| | window.addEventListener("resize", reportWindowSize); |
| |
|
| | onUiLoaded(function() { |
| | reportWindowSize(); |
| | }); |
| |
|