Improve UI layout: fixed video height, align input/output with tabs

app.py

@@ -250,27 +250,35 @@ with gr.Blocks(title="Game Editing", theme=gr.themes.Soft()) as demo:
     status = gr.Markdown("**Upload 5 G-buffer videos, pick a style, and hit Generate. (0/5 uploaded)**")
 
     # ── Top row: Input (left) + Output (right), videos aligned ──
+    VIDEO_HEIGHT = 400 
+
     with gr.Row(equal_height=True):
+        # 左侧 Column
         with gr.Column(scale=1):
             with gr.Tabs():
                 with gr.Tab("Albedo"):
-                    albedo = gr.Video(label="Albedo video", sources=["upload"])
+                    albedo = gr.Video(label="Albedo video", sources=["upload"], height=VIDEO_HEIGHT)
                 with gr.Tab("Depth"):
-                    depth = gr.Video(label="Depth video", sources=["upload"])
+                    depth = gr.Video(label="Depth video", sources=["upload"], height=VIDEO_HEIGHT)
                 with gr.Tab("Metallic"):
-                    metallic = gr.Video(label="Metallic video", sources=["upload"])
+                    metallic = gr.Video(label="Metallic video", sources=["upload"], height=VIDEO_HEIGHT)
                 with gr.Tab("Normal"):
-                    normal = gr.Video(label="Normal video", sources=["upload"])
+                    normal = gr.Video(label="Normal video", sources=["upload"], height=VIDEO_HEIGHT)
                 with gr.Tab("Roughness"):
-                    roughness = gr.Video(label="Roughness video", sources=["upload"])
+                    roughness = gr.Video(label="Roughness video", sources=["upload"], height=VIDEO_HEIGHT)
 
+            # 事件绑定
             all_videos = [albedo, depth, metallic, normal, roughness]
             for v in all_videos:
                 v.change(update_status, inputs=all_videos, outputs=[status])
                 v.clear(update_status, inputs=all_videos, outputs=[status])
 
+        # 右侧 Column
         with gr.Column(scale=1):
-            output_video = gr.Video(label="Generated Video")
+            # 💡 核心技巧：右边也套上 Tabs，强制 UI 顶部对齐
+            with gr.Tabs():
+                with gr.Tab("Result"): 
+                    output_video = gr.Video(label="Generated Video", height=VIDEO_HEIGHT)
 
     # ── Bottom: Settings ──
     gr.Markdown("### Settings")