/stable-diffusion-webui-artists-ui-tweak

Primary LanguageJavaScriptGNU Affero General Public License v3.0AGPL-3.0

stable-diffusion-webui-artists-ui-tweak

A great, small extension to reorganise UI-Elements of SD-Webui to have a clean layout and focus on the ouput image. Space was saved to enlarge gallery and have a axial, modular layout.

  • Currently in this beta the gui modifications are limited on the txt2img-tab
  • Ignore in my screenshot the dark theme, it is applied using my browser-setting. This extension does not do any colors.
  • Pre-requisite: This extension is dedicated to the current SD-Webui with Gradio3.23-update as of March 2023.

Example screenshots

Only styles active, no other tweaks.

This example show right column width is twice of the left one.
It keeps large prompt area, if you are a prompt focussed. image

Move Quicksettings down to normal settings panel

This brings the Tab-button to the upper row, where they actually belong to. image image

Combine prompts and technical sliders to one left column

Smaller prompts, so even more space for the output gallery. But the generate button is too large and wastes space... image image

Save space on generate button, all in a single row

Bring Generate Button, Tools and the Style dropdown in one row and align it at bottom line. Todo: Generate button as high as tools.

image image

All settings on, 8 images in gallery

image

Thats why we need this:

Large preview on single selected image from the gallery. image

Installation

  1. Open your SD-Webui
  2. Goto Extension Tab
  3. add Extenion by pasting this URL, since this extension is not public in the repository, yet https://github.com/GeorgLegato/stable-diffusion-webui-artists-ui-tweak

Settings

Style.css

  • Per default all settings are false or inactive.
  • This extension ships a style.css which provides the basic idea: make the left column with sliders and extension panels less dominant.
    That room will be used by the gallery to win widht and height. The height can be tweak (mannually in beta) here: image It is located in this extension-folder in style.css.
  • Flex:2 means the column with output gallery is twice as width as the technical left column, enter number here like 0.5 or 1.5 or 3.5 whatever.
  • Height: 80vh means the output gallery panel will always take 80% of your available screen size (viewport height). Don´t forget you have button above and a footer. Find your height.

Extension-Setting-Tab

image This extension provides an own settings category Artists UI Tweak

** After changing any setting Restart I **