Foreign-Mirrors/Fooocus
1
0
Fork 0
mirror of https://github.com/lllyasviel/Fooocus.git synced 2026-08-16 13:13:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: make textboxes (incl. positive prompt) resizable (#3074)

Browse Source 
* feat: make textboxes (incl. positive prompt) resizable again

* wip: auto-resize positive prompt on new line

dirty approach as container is hidden and 1px padding is applied for border shadow to actually work

* feat: set row height to 84, exactly matching 3 lines for positive prompt

eliminate need for JS to resize positive prompt onUiLoaded
This commit is contained in:
Manuel Schmid
2024-06-02 13:40:42 +02:00
committed by GitHub
parent 3d43976e8e
commit ab01104d42
2 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+14 -10
View File
@@ -74,31 +74,35 @@ progress::after {
text-align: right; text-align: right;
width: 215px; width: 215px;
} }
div:has(> #positive_prompt) {
.type_row{ border: none;
height: 80px !important;
} }
.type_row_half{ #positive_prompt {
height: 32px !important; padding: 1px;
background: var(--background-fill-primary);
} }
.scroll-hide{ .type_row {
resize: none !important; height: 84px !important;
} }
.refresh_button{ .type_row_half {
height: 34px !important;
}
.refresh_button {
border: none !important; border: none !important;
background: none !important; background: none !important;
font-size: none !important; font-size: none !important;
box-shadow: none !important; box-shadow: none !important;
} }
.advanced_check_row{ .advanced_check_row {
width: 250px !important; width: 250px !important;
} }
.min_check{ .min_check {
min-width: min(1px, 100%) !important; min-width: min(1px, 100%) !important;
} }
webui.py
+2 -2
View File
@@ -112,10 +112,10 @@ with shared.gradio_root:
gallery = gr.Gallery(label='Gallery', show_label=False, object_fit='contain', visible=True, height=768, gallery = gr.Gallery(label='Gallery', show_label=False, object_fit='contain', visible=True, height=768,
elem_classes=['resizable_area', 'main_view', 'final_gallery', 'image_gallery'], elem_classes=['resizable_area', 'main_view', 'final_gallery', 'image_gallery'],
elem_id='final_gallery') elem_id='final_gallery')
with gr.Row(elem_classes='type_row'): with gr.Row():
with gr.Column(scale=17): with gr.Column(scale=17):
prompt = gr.Textbox(show_label=False, placeholder="Type prompt here or paste parameters.", elem_id='positive_prompt', prompt = gr.Textbox(show_label=False, placeholder="Type prompt here or paste parameters.", elem_id='positive_prompt',
container=False, autofocus=True, elem_classes='type_row', lines=1024) autofocus=True, lines=3)
default_prompt = modules.config.default_prompt default_prompt = modules.config.default_prompt
if isinstance(default_prompt, str) and default_prompt != '': if isinstance(default_prompt, str) and default_prompt != '':