Update app.py

app.py

@@ -307,55 +307,73 @@ css = """
 footer {
     visibility: hidden;
 }
-"""
-
-
-with gr.Blocks(theme="Yntec/HaleyCH_Theme_Orange", css=css) as iface:
-
-    with gr.Column():
-        txt2vid_prompt = gr.Textbox(
-            label="Step 1: Enter Your Prompt (한글 또는 영어)",
-            placeholder="생성하고 싶은 비디오를 설명하세요 (최소 50자)...",
-            value="긴 갈색 머리와 밝은 피부를 가진 여성이 긴 금발 머리를 가진 다른 여성을 향해 미소 짓습니다. 갈색 머리 여성은 검은 재킷을 입고 있으며 오른쪽 뺨에 작고 거의 눈에 띄지 않는 점이 있습니다. 카메라 앵글은 갈색 머리 여성의 얼굴에 초점을 맞춘 클로즈업입니다. 조명은 따뜻하고 자연스러우며, 아마도 지는 해에서 나오는 것 같아 장면에 부드러운 빛을 비춥니다.",
-            lines=5,
-        )
-
-
-        txt2vid_enhance_toggle = Toggle(
-            label="Enhance Prompt",
-            value=False,
-            interactive=True,
-        )
-
-        txt2vid_negative_prompt = gr.Textbox(
-            label="Step 2: Enter Negative Prompt",
-            placeholder="비디오에서 원하지 않는 요소를 설명하세요...",
-            value="low quality, worst quality, deformed, distorted, damaged, motion blur, motion artifacts, fused fingers, incorrect anatomy, strange hands, ugly",
-            lines=2,
-        )
-
-        txt2vid_preset = gr.Dropdown(
-            choices=[p["label"] for p in preset_options],
-            value="512x512, 160 frames",
-            label="Step 3.1: Choose Resolution Preset",
-        )
 
-        txt2vid_frame_rate = gr.Slider(
-            label="Step 3.2: Frame Rate",
-            minimum=6,
-            maximum=60,
-            step=1,
-            value=20,
-        )
+/* 비디오 출력 컨테이너 크기 조정 */
+.video-output-container {
+    max-width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+}
 
-        txt2vid_advanced = create_advanced_options()
-        txt2vid_generate = gr.Button(
-            "Step 5: Generate Video",
-            variant="primary",
-            size="lg",
-        )
+/* 비디오 플레이어 크기 조정 */
+.video-player {
+    width: 100%;
+    max-height: 50vh;
+    object-fit: contain;
+}
+"""
 
-        txt2vid_output = gr.Video(label="Generated Output")
+with gr.Blocks(theme="Yntec/HaleyCH_Theme_Orange", css=css) as iface:
+    with gr.Row():
+        # 입력 섹션 (왼쪽)
+        with gr.Column(scale=1):
+            txt2vid_prompt = gr.Textbox(
+                label="Step 1: Enter Your Prompt (한글 또는 영어)",
+                placeholder="생성하고 싶은 비디오를 설명하세요 (최소 50자)...",
+                value="긴 갈색 머리와 밝은 피부를 가진 여성이 긴 금발 머리를 가진 다른 여성을 향해 미소 짓습니다. 갈색 머리 여성은 검은 재킷을 입고 있으며 오른쪽 뺨에 작고 거의 눈에 띄지 않는 점이 있습니다. 카메라 앵글은 갈색 머리 여성의 얼굴에 초점을 맞춘 클로즈업입니다. 조명은 따뜻하고 자연스러우며, 아마도 지는 해에서 나오는 것 같아 장면에 부드러운 빛을 비춥니다.",
+                lines=5,
+            )
+
+            txt2vid_enhance_toggle = Toggle(
+                label="Enhance Prompt",
+                value=False,
+                interactive=True,
+            )
+
+            txt2vid_negative_prompt = gr.Textbox(
+                label="Step 2: Enter Negative Prompt",
+                placeholder="비디오에서 원하지 않는 요소를 설명하세요...",
+                value="low quality, worst quality, deformed, distorted, damaged, motion blur, motion artifacts, fused fingers, incorrect anatomy, strange hands, ugly",
+                lines=2,
+            )
+
+            txt2vid_preset = gr.Dropdown(
+                choices=[p["label"] for p in preset_options],
+                value="512x512, 160 frames",
+                label="Step 3.1: Choose Resolution Preset",
+            )
+
+            txt2vid_frame_rate = gr.Slider(
+                label="Step 3.2: Frame Rate",
+                minimum=6,
+                maximum=60,
+                step=1,
+                value=20,
+            )
+
+            txt2vid_advanced = create_advanced_options()
+            txt2vid_generate = gr.Button(
+                "Step 5: Generate Video",
+                variant="primary",
+                size="lg",
+            )
+
+        # 출력 섹션 (오른쪽)
+        with gr.Column(scale=1):
+            txt2vid_output = gr.Video(
+                label="Generated Output",
+                elem_classes=["video-output-container", "video-player"]
+            )
 
     txt2vid_preset.change(
         fn=preset_changed,
@@ -378,5 +396,4 @@ with gr.Blocks(theme="Yntec/HaleyCH_Theme_Orange", css=css) as iface:
         queue=True,
     )
 
-iface.queue(max_size=64, default_concurrency_limit=1, api_open=False).launch(share=True, show_api=False)
-# ===== Application Startup at 2024-12-20 01:30:34 =====
+iface.queue(max_size=64, default_concurrency_limit=1, api_open=False).launch(share=True, show_api=False)