custom_css.css

div.gradio-container {
    max-width: unset !important;
    padding: var(--size-2) var(--size-2) !important;
}

.block.gradio-gallery{
    background: var(--input-background-fill);
}

.gradio-gallery .thumbnails img {
    object-fit: scale-down !important;
}

@media screen {
    #txt2img_gallery, #img2img_gallery, #inpaint_gallery {
        min-height: 70vh !important;
    }
    #tools_image {
        height: auto !important;
        object-fit: scale-down !important;
    }
    #tools_image > button > div > img {
        max-height: 75vh !important;
        width: 100% !important;
        object-fit: scale-down !important;
    }
    #inpaint_canvas div[data-testid=image] div[class*="wrap"] div[class*="stage-wrap"] canvas, #img2img_canvas div[data-testid=image] div[class*="wrap"] div[class*="stage-wrap"] canvas {
        max-width: 100% !important;
        max-height: 97.5vh !important;
        width: 100% !important;
    }
}

#prose {
    width: 100vw !important;
    height: 100vh !important;
}