Is there any way to resize the output preview window?

[Puron83]

Hi, I'm new here and I have no coding knowledge, unfortunately. I wanted to know if there is any way to resize the output preview window? for example, you see in the attached image the parts marked in red are areas that are not being used. It would be cool if I could see the generated image in a bigger window so I don't have to zoom in manually every time.

if there is a way to resize the preview window please explain it to me in a simple way so I can do it myself. again, no coding knowledge 😅

[missionfloyd]

Settings > User Interface > Gallery Height

Or put this in user.css (create it if it doesn't exist). This affects the live preview as well.

#txt2img_gallery, #img2img_gallery {
    /* Set this however tall you want it */
    height: 512px;
}

#txt2img_gallery > .grid-wrap, #txt2img_gallery > .preview,
#img2img_gallery > .grid-wrap, #img2img_gallery > .preview {
    max-height: none;
}

The width can be adjusted by dragging the divider.

.

[Puron83]

thanks man, youre a life saver.
I made the user.css file and used your code and that worked.

Thanks again 😊

[trif55]

sorry how are you meant to use Gallery Height in UI options? I tried 1024, 1024px, 70, 100VH

[missionfloyd]

The height of the gallery component, specified in pixels if a number is passed, or in CSS units if a string is passed. If more images are displayed than can fit in the height, a scrollbar will appear.

https://www.gradio.app/docs/gallery

The UI needs to be reloaded for it to take effect.

[trif55]

I see now, the "Gallery Height" box appears in the generation page, which is where I was trying to enter a value, which didn't work, I now see it also appers within the User Interface settings options. But how does it work exactly with relation to screen size? if i'm on 1920x1080 does it not stretch it down beyond the bottom of the screen? I still get some dark space either side of the grid so it definitely could be taller if it was forced?