Move similar image info buttons into a single row, using the new array API

This commit is contained in:
cmdr2 2023-03-15 19:41:19 +05:30
parent 841811e3bc
commit b7a7a7d31f
2 changed files with 10 additions and 6 deletions

View File

@ -155,11 +155,11 @@ code {
.imgContainer:hover > .img_bottom_label { .imgContainer:hover > .img_bottom_label {
opacity: 60%; opacity: 60%;
} }
.imgItemInfo * { .imgItemInfo > * {
margin-bottom: 7px; margin-bottom: 7px;
} }
.imgItemInfo .tasksBtns { .imgItemInfo .tasksBtns {
margin-left: 1em; margin-left: 5pt;
} }
.imgItem .image_clear_btn { .imgItem .image_clear_btn {
transform: translate(40%, -50%); transform: translate(40%, -50%);

View File

@ -342,12 +342,16 @@ function showImages(reqBody, res, outputContainer, livePreview) {
let buttons = [ let buttons = [
{ text: 'Use as Input', on_click: onUseAsInputClick }, { text: 'Use as Input', on_click: onUseAsInputClick },
{ text: 'Download', on_click: onDownloadImageClick, class: "download-img" }, [
{ text: 'Download JSON', on_click: onDownloadJSONClick, class: "download-json" }, { html: '<i class="fa-solid fa-download"></i> Download Image', on_click: onDownloadImageClick, class: "download-img" },
{ html: '<i class="fa-solid fa-download"></i> JSON', on_click: onDownloadJSONClick, class: "download-json" }
],
{ text: 'Make Similar Images', on_click: onMakeSimilarClick }, { text: 'Make Similar Images', on_click: onMakeSimilarClick },
{ text: 'Draw another 25 steps', on_click: onContinueDrawingClick }, { text: 'Draw another 25 steps', on_click: onContinueDrawingClick },
{ text: 'Upscale', on_click: onUpscaleClick, filter: (req, img) => !req.use_upscale }, [
{ text: 'Fix Faces', on_click: onFixFacesClick, filter: (req, img) => !req.use_face_correction } { text: 'Upscale', on_click: onUpscaleClick, filter: (req, img) => !req.use_upscale },
{ text: 'Fix Faces', on_click: onFixFacesClick, filter: (req, img) => !req.use_face_correction }
]
] ]
// include the plugins // include the plugins