Update app.py

app.py

@@ -41,7 +41,9 @@ for item in sdxl_loras:
     item["state_dict"] = state_dict #{k: v.to(device="cuda", dtype=torch.float16) for k, v in state_dict.items() if torch.is_tensor(v)}
 
 css = '''
+.gradio-container{max-width: 650px}
 #title{text-align:center;}
+
 #title h1{font-size: 250%}
 .selected_random img{object-fit: cover}
 .plus_column{align-self: center}
@@ -49,7 +51,7 @@ css = '''
 #prompt input{width: calc(100% - 160px);border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
 #run_button{position:absolute;margin-top: 12px;right: 0;margin-right: 1.5em;border-bottom-left-radius: 0px;
     border-top-left-radius: 0px;}
-.random_column{align-self: center}
+.random_column{align-self: center; align-items: center}
 @media (max-width: 1024px) {
 .roulette_group{flex-direction: column}
 }
@@ -109,13 +111,13 @@ with gr.Blocks(css=css) as demo:
     with gr.Column(min_width=10, scale=16, elem_classes="plus_column"):
         gr.HTML("<p>This 2 random LoRAs are loaded to SDXL, find a fun way to combine them 🎨</p>")
         with gr.Row():
-            with gr.Column(min_width=10, scale=8, elem_classes="random_column"):
-              lora_1 = gr.Image(interactive=False, height=263, elem_classes="selected_random")
+            with gr.Column(min_width=10, scale=4, elem_classes="random_column"):
+              lora_1 = gr.Image(interactive=False, height=150, elem_classes="selected_random")
               lora_1_prompt = gr.Markdown(visible=False)
             with gr.Column(min_width=10, scale=1, elem_classes="plus_column"):
               plus = gr.HTML("+", elem_classes="plus_button")
-            with gr.Column(min_width=10, scale=8, elem_classes="random_column"):
-              lora_2 = gr.Image(interactive=False, height=263, elem_classes="selected_random")
+            with gr.Column(min_width=10, scale=4, elem_classes="random_column"):
+              lora_2 = gr.Image(interactive=False, height=150, elem_classes="selected_random")
               lora_2_prompt = gr.Markdown(visible=False)
             with gr.Column(min_width=10, scale=1, elem_classes="plus_column"):
                equal = gr.HTML("=", elem_classes="plus_button")