Update app.py

app.py

@@ -288,7 +288,7 @@ def generate_multiple_images(image1, image2, image3, prompt, progress=gr.Progres
 
 # Gradio 인터페이스
 with gr.Blocks() as demo:
-    gr.HTML(
+            gr.HTML(
         """
         <div style="text-align: center; margin-bottom: 1rem;">
             <h1>4장 이미지 생성기 (예제 포함)</h1>
@@ -299,11 +299,12 @@ with gr.Blocks() as demo:
     )
     
     with gr.Row():
-        with gr.Column():
+        # 왼쪽 입력 영역
+        with gr.Column(scale=1):
             with gr.Row():
-                image1_input = gr.Image(type="pil", label="#1", image_mode="RGB", height=250, width=250)
-                image2_input = gr.Image(type="pil", label="#2", image_mode="RGB", height=250, width=250)
-                image3_input = gr.Image(type="pil", label="#3", image_mode="RGB", height=250, width=250)
+                image1_input = gr.Image(type="pil", label="#1", image_mode="RGB", height=200, width=200)
+                image2_input = gr.Image(type="pil", label="#2", image_mode="RGB", height=200, width=200)
+                image3_input = gr.Image(type="pil", label="#3", image_mode="RGB", height=200, width=200)
             prompt_input = gr.Textbox(
                 lines=3,
                 placeholder="프롬프트를 입력하거나 비워두면 자동 합성됩니다.",
@@ -316,21 +317,19 @@ with gr.Blocks() as demo:
                 background_change_btn = gr.Button("배경바꾸기")
                 composite_product_btn = gr.Button("부분지우기")
             submit_btn = gr.Button("이미지 생성 (4장)", variant="primary")
-    
-    with gr.Row():
-        with gr.Column():
-            output_image1 = gr.Image(label="생성된 이미지 #1", height=300, width=300)
-        with gr.Column():
-            output_image2 = gr.Image(label="생성된 이미지 #2", height=300, width=300)
-    
-    with gr.Row():
-        with gr.Column():
-            output_image3 = gr.Image(label="생성된 이미지 #3", height=300, width=300)
-        with gr.Column():
-            output_image4 = gr.Image(label="생성된 이미지 #4", height=300, width=300)
-    
-    output_text = gr.Textbox(label="상태 메시지")
-    prompt_display = gr.Textbox(label="사용된 프롬프트 (영어)", visible=True)
+            
+        # 오른쪽 출력 영역
+        with gr.Column(scale=1):
+            with gr.Row():
+                with gr.Column():
+                    output_image1 = gr.Image(label="생성된 이미지 #1", height=220, width=220)
+                    output_image3 = gr.Image(label="생성된 이미지 #3", height=220, width=220)
+                with gr.Column():
+                    output_image2 = gr.Image(label="생성된 이미지 #2", height=220, width=220)
+                    output_image4 = gr.Image(label="생성된 이미지 #4", height=220, width=220)
+            
+            output_text = gr.Textbox(label="상태 메시지", height=100)
+            prompt_display = gr.Textbox(label="사용된 프롬프트 (영어)", visible=True, height=100)
     
     # 선택 옵션 버튼 클릭 시 프롬프트 입력란 업데이트 (한국어 문구)
     image_change_btn.click(