Update app.py

app.py

@@ -765,7 +765,28 @@ input:focus, textarea:focus {
     width: 90% !important;
     margin: 0 auto !important;
 }
+
+#result_column {
+    display: flex;
+    flex-direction: column;
+    align-items: center;  /* 가운데 정렬 */
+    /* align-items: flex-start;  /* 좌측 정렬을 원할 경우 이 줄을 사용 */ 
+    width: 100%;
+}
+
+#result_image {
+    max-width: 768px;  /* 이미지 최대 너비 설정 */
+    margin: 0 auto;    /* 가운데 정렬을 위한 마진 */
+}
+
+.generated-image {
+    display: flex;
+    justify-content: center;  /* 가운데 정렬 */
+    /* justify-content: flex-start;  /* 좌측 정렬을 원할 경우 이 줄을 사용 */
+    width: 100%;
+}
 '''
+
 with gr.Blocks(theme=custom_theme, css=css, delete_cache=(60, 3600)) as app:
     loras_state = gr.State(loras)
     selected_indices = gr.State([])
@@ -844,13 +865,14 @@ with gr.Blocks(theme=custom_theme, css=css, delete_cache=(60, 3600)) as app:
                     remove_button_3 = gr.Button("Remove", size="sm")
 
         # Result and Progress Area
-        with gr.Column():
+        with gr.Column(elem_id="result_column"):  # elem_id 추가
             progress_bar = gr.Markdown(elem_id="progress", visible=False)
             result = gr.Image(
                 label="Generated Image", 
                 interactive=False,
                 elem_classes=["generated-image"],
-                container=True
+                container=True,
+                elem_id="result_image"  # elem_id 추가
             )
             with gr.Accordion("History", open=False):
                 history_gallery = gr.Gallery(
@@ -861,6 +883,8 @@ with gr.Blocks(theme=custom_theme, css=css, delete_cache=(60, 3600)) as app:
                     elem_classes=["history-gallery"]
                 )
 
+
+
         # Advanced Settings
         with gr.Row():
             with gr.Accordion("Advanced Settings", open=False):