2023-07-17 08:44:29 +00: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() {
|
2023-11-05 16:19:55 +00:00
|
|
|
if (gradioApp().querySelector('.toprow-compact-tools')) return; // not applicable for compact prompt layout
|
|
|
|
|
2023-07-17 08:44:29 +00:00
|
|
|
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 10:38:35 +00:00
|
|
|
|
|
|
|
gradioApp().getElementById(tab + '_results').classList.toggle('mobile', currentlyMobile);
|
2023-07-17 08:44:29 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
window.addEventListener("resize", reportWindowSize);
|
2023-08-20 10:40:11 +00:00
|
|
|
|
|
|
|
onUiLoaded(function() {
|
|
|
|
reportWindowSize();
|
|
|
|
});
|