stable-diffusion-webui/frontend/css/styles.css
altryne 45fafec68a
[Big update] - Dynamic params, Ui rehaul, mobile fixes, and simplification of the txt2img tab (#421)
* Merge with master

* params in prompt WIP

Signed-off-by: Alex Volkov <alex.volkov@fundbox.com>

* Added highligted text output, added copy and pastable dynamic params

Signed-off-by: Alex Volkov <alex.volkov@fundbox.com>

* Fixes with working repo

Signed-off-by: altryne <altryne@gmail.com>

* some fixes

Signed-off-by: Alex Volkov <alex.volkov@fundbox.com>
Signed-off-by: altryne <altryne@gmail.com>
Co-authored-by: hlky <106811348+hlky@users.noreply.github.com>
2022-09-01 14:18:17 +01:00

64 lines
1.1 KiB
CSS

[data-testid="image"] {min-height: 512px !important}
* #body>.col:nth-child(2){
width:250%;
max-width:89vw
}
#prompt_input, #img2img_prompt_input {
padding: 0px;
border: none;
}
#prompt_row input,
#prompt_row textarea {
font-size: 1.2rem;
line-height: 1.6rem;
}
input[type=number]:disabled { -moz-appearance: textfield; }
#generate, #img2img_mask_btn, #img2img_edit_btn {
align-self: stretch;
}
#gan_image {
width: 512px;
height: auto;
}
#highlight{
font-size: 1.2rem
}
#highlight .uppercase{
text-transform: initial;
}
#highlight .textfield .textspan:nth-child(1){
font-size: 1.2rem
}
/* Mobile fixes and styles */
@media only screen and (max-width: 768px) {
/* rearrange the columns on mobile */
#body>.col:nth-child(2){
width:100%;
max-width:100vw;
order: 1;
}
#body>.col:nth-child(1){
order: 2;
}
#body>.col:nth-child(3){
order: 3;
}
#txt2img_actions_row,
#txt2img_output_row{
flex-direction: row;
flex-wrap: wrap-reverse;
}
/* fix buttons layouts */
}