1234567891011121314151617181920212223242526272829303132 |
- 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() {
- 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();
- });
|