2023-07-17 02:44:29 -06:00
|
|
|
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);
|
2023-08-20 04:38:35 -06:00
|
|
|
|
|
|
|
gradioApp().getElementById(tab + '_results').classList.toggle('mobile', currentlyMobile);
|
2023-07-17 02:44:29 -06:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
window.addEventListener("resize", reportWindowSize);
|