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 {
opacity: 60%;
}
.imgItemInfo * {
.imgItemInfo > * {
margin-bottom: 7px;
}
.imgItemInfo .tasksBtns {
margin-left: 1em;
margin-left: 5pt;
}
.imgItem .image_clear_btn {
transform: translate(40%, -50%);

View File

@ -342,12 +342,16 @@ function showImages(reqBody, res, outputContainer, livePreview) {
let buttons = [
{ 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: '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