ui output image fit method scale-down or contain option in settings

This commit is contained in:
anapnoe
2023-03-08 15:36:09 +02:00
parent aaddad9d9c
commit de2ee8602a
3 changed files with 21 additions and 7 deletions
+17 -4
View File
@@ -533,8 +533,19 @@ onUiUpdate(function(){
ui_styles.innerHTML = ops_styles;
//console.log(ui_styles);
}
// generated image fit contain - scale
function imageGeneratedFitMethod(value) {
styleobj.ui_view_fit = "[id$='2img_gallery'] div>img {object-fit:" + value + ";}";
}
gradioApp().querySelector("#setting_ui_output_image_fit").addEventListener('click', function (e) {
if (e.target && e.target.matches("input[type='radio']")) {
imageGeneratedFitMethod(e.target.value.toLowerCase());
updateOpStyles();
}
})
imageGeneratedFitMethod(opts.ui_output_image_fit.toLowerCase());
// livePreview contain - scale
// livePreview fit contain - scale
function imagePreviewFitMethod(value) {
styleobj.ui_fit = ".livePreview img {object-fit:" + value + ";}";
}
@@ -804,9 +815,11 @@ onUiUpdate(function(){
let sid = trg[0];
let tid = trg[1];
let elem_input = gradioApp().querySelector('#'+elem.id+' input');
elem_input.addEventListener('click', function (e) {
add2quickSettings(tid, sid, e.target.checked);
})
if(elem_input){
elem_input.addEventListener('click', function (e) {
add2quickSettings(tid, sid, e.target.checked);
})
}
})
//addModelCheckpoint();