fix(css): prevent generate button from overlapping prompt, fix font size on multiline prompts

This commit is contained in:
_nderscore 2022-08-29 01:16:47 -04:00 committed by hlky
parent b4eb2c1d3a
commit 5ff04a5a52

View File

@ -10,22 +10,15 @@ def css(opt):
[data-testid="image"] {min-height: 512px !important} [data-testid="image"] {min-height: 512px !important}
* #body>.col:nth-child(2){width:250%;max-width:89vw} * #body>.col:nth-child(2){width:250%;max-width:89vw}
#prompt_row input{ #prompt_row input,
font-size:20px #prompt_row textarea {
font-size: 1.5rem;
line-height: 2rem;
} }
#edit_mode_select{width:auto !important} #edit_mode_select{width:auto !important}
input[type=number]:disabled { -moz-appearance: textfield;+ } input[type=number]:disabled { -moz-appearance: textfield;+ }
#generate, #img2img_mask_btn,#img2img_edit_btn{ #generate, #img2img_mask_btn, #img2img_edit_btn {
position: absolute; height: 100%;
right: 16px;
top: 14px;
}
@media (max-width: 420px){
#generate, #img2img_mask_btn,#img2img_edit_btn{
position: absolute;
right: 16px;
top: 5px;
}
} }
""" """
return styling if opt.no_progressbar_hiding else styling + css_hide_progressbar return styling if opt.no_progressbar_hiding else styling + css_hide_progressbar