update interface

app.py

@@ -124,6 +124,9 @@ def process_image(image, prompt, steps, use_lora, use_controlnet, use_depth, use
 
 
 custom_css = """
+body {
+  overflow-y: hidden;
+}
 .gradio-container {
   margin: unset !important;
   padding: unset !important;
@@ -133,6 +136,10 @@ custom_css = """
   min-height: unset !important;
 }
 
+.app {
+  height: 100%;
+}
+
 .app-container {
   height: 100vh;
   background: rgb(24, 24, 27);
@@ -140,6 +147,8 @@ custom_css = """
 }
 
 .sidebar {
+  overflow-y: auto;
+  height: 100%;
   max-width: 300px;
   padding: 1rem;
   background: rgb(31, 31, 35);
@@ -168,12 +177,12 @@ custom_css = """
 }
 
 .side_items {
-  height: 96vh;
+  height: auto;
 }
 
 .form {
   flex-wrap: unset;
-  height: 100%;
+  height: auto;
 }
 """
 
@@ -182,26 +191,27 @@ with gr.Blocks(css=custom_css) as demo:
         with gr.Column(scale=1, min_width=300, elem_classes="sidebar"):
             with gr.Column(elem_classes="side_items"):
                 input_image = gr.Image(label="Image", type="filepath")
-                negative_image = gr.Image(label="Negative_image", type="filepath")
-                submit_btn = gr.Button("Submit")
                 prompt = gr.Textbox(label="Prompt")
+                submit_btn = gr.Button("Submit")
                 neg_prompt = gr.Textbox(label="Neg Prompt")
                 steps = gr.Slider(step=1, minimum=1, maximum=64, value=28, label="Num Steps")
-                use_lora = gr.Checkbox(label="Use LORA", value=True)
-                lora_path = gr.Textbox(label="LoraPath", value="XLabs-AI/flux-lora-collection")
-                lora_name = gr.Textbox(label="LoraName", value="realism_lora.safetensors")
-                lora_weight = gr.Slider(step=0.1, minimum=0, maximum=1, value=0.7, label="Lora Weight")
+                use_ip = gr.Checkbox(label="Use IP Adapter")
                 controlnet = gr.Checkbox(label="Use Controlnet(by default uses canny)", value=True)
-                use_ip = gr.Checkbox(label="Use IP")
                 use_depth = gr.Checkbox(label="Use depth")
                 use_hed = gr.Checkbox(label="Use hed")
+                use_lora = gr.Checkbox(label="Use LORA", value=True)
+                lora_path = gr.Textbox(label="LoraPath", value="XLabs-AI/flux-lora-collection")
+                lora_name = gr.Textbox(label="LoraName", value="realism_lora.safetensors")
+                
                 true_gs = gr.Slider(step=0.1, minimum=0, maximum=10, value=3.5, label="TrueGs")
                 guidance = gr.Slider(minimum=1, maximum=10, value=4, label="Guidance")
                 cfg = gr.Slider(minimum=1, maximum=10, value=1, label="CFG")
+                negative_image = gr.Image(label="Negative_image", type="filepath")
 
         with gr.Column(scale=2, elem_classes="app"):
             output = gr.Gallery(label="Galery output", elem_classes="galery", selected_index=0)
 
     submit_btn.click(process_image, inputs=[input_image, prompt, steps, use_lora, controlnet, use_depth, use_hed, use_ip, lora_name, lora_path, lora_weight, negative_image, neg_prompt, true_gs, guidance, cfg], outputs=output)
 
-demo.launch(share=True)
+print("starting")
+demo.launch(share=True, debug=True)