changed layout

app.py

@@ -4,7 +4,6 @@ os.system('pip install spaces==0.18.0')
 os.system('pip install gradio==4.0.2')
 
 
-
 import gradio as gr
 from huggingface_hub import login, HfFileSystem, HfApi, ModelCard
 import os
@@ -284,14 +283,18 @@ theme = gr.themes.Soft(
     button_secondary_border_color_dark='*neutral_200',
     button_secondary_text_color_dark='*neutral_800'
 )
-  
+
+#examples = [["examples/" + img] for img in os.listdir("examples/")]
+im = gr.Image(visible=False)
+
 with gr.Blocks(theme=theme, css=css) as demo:
+  with gr.Row():
     with gr.Column(elem_id="col-container"):
         
         gr.HTML("""
-<h2 style="text-align: center;">SD-XL Control LoRas</h2>
-<p style="text-align: center;">Use StableDiffusion XL with <a href="https://huggingface.co/collections/diffusers/sdxl-controlnets-64f9c35846f3f06f5abe351f">Diffusers' SDXL ControlNets</a></p>
-        """)
+        <h2 style="text-align: left;">Choose a Style</h2>
+        <p style="text-align: left;">Our Pretrained Models can be found on Huggingface</p>
+                """)
 
         use_custom_model = gr.Checkbox(label="Use a custom pre-trained LoRa model ? (optional)", visible = False, value=False, info="To use a private model, you'll need to duplicate the space with your own access token.")
         
@@ -338,24 +341,32 @@ with gr.Blocks(theme=theme, css=css) as demo:
                         )
                     trigger_word = gr.Textbox(label="Trigger word", interactive=False, visible=False)
         
-        image_in = gr.Image(sources="upload", type="filepath")
-        
+        load_model_btn = gr.Button("Load my model", elem_id="load_model_btn")
+        image_in = gr.Image(sources="upload", type="filepath", value=( "baby.jpg"))
+        gr.Examples(
+          examples=[[os.path.join(os.path.dirname(__file__), "baby.jpg")],[os.path.join(os.path.dirname(__file__), "baby.jpg")]], inputs=im)
+            
+
+    with gr.Column(elem_id="col-container"):
+        gr.HTML("""
+          <h2 style="text-align: left;">Input a Prompt!</h2>
+          <p style="text-align: left;">Negative prompts and other settings can be found in advanced options</p>
+                  """)
+
         with gr.Row():
             
             with gr.Column():
-                with gr.Group():
-                    prompt = gr.Textbox(label="Prompt")
+                # with gr.Group():
+                prompt = gr.Textbox(label="Prompt", placeholder="Add your trigger word here + prompt")
+                
+                with gr.Accordion(label="Advanced Options", open=False):
+                  # with gr.Group():
                     negative_prompt = gr.Textbox(label="Negative prompt", value="extra digit, fewer digits, cropped, worst quality, low quality, glitch, deformed, mutated, ugly, disfigured")
-                with gr.Group():
-                    guidance_scale = gr.Slider(label="Guidance Scale", minimum=1.0, maximum=10.0, step=0.1, value=7.5)
+                    guidance_scale = gr.Slider(label="Guidance Scale", minimum=1.0, maximum=10.0, step=0.1, value=8.8)
                     inf_steps = gr.Slider(label="Inference Steps", minimum="25", maximum="50", step=1, value=25)
-                    custom_lora_weight = gr.Slider(label="Custom model weights", minimum=0.1, maximum=0.9, step=0.1, value=0.9)
-
-            with gr.Column():
-                with gr.Group():
+                    custom_lora_weight = gr.Slider(label="Custom model weights", minimum=0.1, maximum=0.9, step=0.1, value=0.7)
                     preprocessor = gr.Dropdown(label="Preprocessor", choices=["canny"], value="canny", interactive=False, info="For the moment, only canny is available")  
-                    controlnet_conditioning_scale = gr.Slider(label="Controlnet conditioning Scale", minimum=0.1, maximum=0.9, step=0.01, value=0.5)
-                with gr.Group():
+                    controlnet_conditioning_scale = gr.Slider(label="Controlnet conditioning Scale", minimum=0.1, maximum=0.9, step=0.01, value=0.3)
                     seed = gr.Slider(
                         label="Seed",
                         info = "-1 denotes a random seed",
@@ -368,11 +379,10 @@ with gr.Blocks(theme=theme, css=css) as demo:
                         label = "Last used seed",
                         info = "the seed used in the last generation",
                     )
-        
-        load_model_btn = gr.Button("Load my model", elem_id="load_model_btn")
+            
         submit_btn = gr.Button("Submit")
         
-        result = gr.Image(label="Result")
+        result = gr.Image(label="Result", visible=False)
     
     use_custom_model.change(
         fn = check_use_custom_or_no,