Update app.py

app.py

@@ -715,6 +715,33 @@ input:focus, textarea:focus {
     width: 100% !important;
     max-width: 100% !important;
 }
+
+/* 생성된 이미지 결과 박스 크기 조정 (10% 축소) */
+.generated-image {
+    width: 90% !important;  /* 100%에서 90%로 축소 */
+    max-width: 90% !important;
+    margin: 0 auto !important;  /* 중앙 정렬을 위해 */
+}
+
+/* 결과 이미지 컨테이너 크기 조정 */
+.result-container {
+    width: 90% !important;
+    max-width: 90% !important;
+    margin: 0 auto !important;
+}
+
+/* Progress bar 크기 조정 */
+#progress {
+    width: 90% !important;
+    margin: 0 auto !important;
+}
+
+/* History gallery 크기 조정 */
+.history-gallery {
+    width: 90% !important;
+    max-width: 90% !important;
+    margin: 0 auto !important;
+}
 '''
 
 
@@ -744,8 +771,6 @@ with gr.Blocks(theme=custom_theme, css=css, delete_cache=(60, 3600)) as app:
             container=True,
             preview=False
         )    
-    
-    
 
         
     with gr.Tab(label="Generate"):
@@ -798,12 +823,24 @@ with gr.Blocks(theme=custom_theme, css=css, delete_cache=(60, 3600)) as app:
                 with gr.Row():
                     remove_button_3 = gr.Button("Remove", size="sm")
 
-        # Result and Progress Area
-        with gr.Column():
-            progress_bar = gr.Markdown(elem_id="progress", visible=False)
-            result = gr.Image(label="Generated Image", interactive=False)
-            with gr.Accordion("History", open=False):
-                history_gallery = gr.Gallery(label="History", columns=6, object_fit="contain", interactive=False)
+# Result and Progress Area
+with gr.Column(scale=0.9):  # 10% 축소를 위해 scale 값을 0.9로 설정
+    progress_bar = gr.Markdown(elem_id="progress", visible=False)
+    result = gr.Image(
+        label="Generated Image", 
+        interactive=False,
+        elem_classes=["generated-image", "result-container"],
+        scale=0.9  # 이미지 크기도 10% 축소
+    )
+    with gr.Accordion("History", open=False):
+        history_gallery = gr.Gallery(
+            label="History", 
+            columns=6, 
+            object_fit="contain", 
+            interactive=False,
+            elem_classes=["history-gallery"],
+            scale=0.9  # 히스토리 갤러리도 10% 축소
+        )
 
         # Advanced Settings
         with gr.Row():
@@ -830,7 +867,13 @@ with gr.Blocks(theme=custom_theme, css=css, delete_cache=(60, 3600)) as app:
                     add_custom_lora_button = gr.Button("Add Custom LoRA", elem_id="custom_lora_btn", scale=2, min_width=150)
                 remove_custom_lora_button = gr.Button("Remove Custom LoRA", visible=False)
                 gr.Markdown("[Check the list of FLUX LoRAs](https://huggingface.co/models?other=base_model:adapter:black-forest-labs/FLUX.1-dev)", elem_id="lora_list")
-
+        
+                # Result and Progress Area
+                with gr.Column():
+                    progress_bar = gr.Markdown(elem_id="progress", visible=False)
+                    result = gr.Image(label="Generated Image", interactive=False)
+                    with gr.Accordion("History", open=False):
+                        history_gallery = gr.Gallery(label="History", columns=6, object_fit="contain", interactive=False)
 
         # Event Handlers
         gallery.select(