vggt_da

app.py

@@ -563,10 +563,15 @@ def launch_viz(grid_size, vo_points, fps, original_image_state):
                     # Create iframe HTML to display the saved file
                     # Create iframe HTML
                     iframe_html = f"""
-                    <div style='border: 3px solid #667eea; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 32px rgba(102, 126, 234, 0.3);'>
-                        <iframe id="viz_iframe" src="/gradio_api/file={random_path}" width="100%" height="950px" style="border:none;"></iframe>
+                    <div style='border: 3px solid #667eea; border-radius: 10px; overflow: hidden; 
+                                box-shadow: 0 8px 32px rgba(102, 126, 234, 0.3); height: 650px; width: 100%;'>
+                        <iframe id="viz_iframe" src="/gradio_api/file={random_path}" 
+                                width="100%" height="650" frameborder="0" 
+                                style="border:none; display:block; width:100%; height:650px;">
+                        </iframe>
                     </div>
-                    """                    
+                    """
+                    
                     print(f"💾 HTML saved to: {random_path}")
                     print(f"📊 HTML content preview: {viz_html[:200]}...")
                     
@@ -795,6 +800,27 @@ with gr.Blocks(
         padding: 20px;
         box-shadow: 0 2px 10px rgba(0,0,0,0.1);
     }
+    /* 固定3D可视化器尺寸 */
+    #viz_container {
+        height: 650px !important;
+        min-height: 650px !important;
+        max-height: 650px !important;
+        width: 100% !important;
+    }
+    #viz_container > div {
+        height: 650px !important;
+        min-height: 650px !important;
+        max-height: 650px !important;
+        width: 100% !important;
+    }
+    #viz_container iframe {
+        height: 650px !important;
+        min-height: 650px !important;
+        max-height: 650px !important;
+        width: 100% !important;
+        border: none !important;
+        display: block !important;
+    }
     /* 固定视频上传组件高度 */
     .gr-video {
         height: 300px !important;
@@ -1036,7 +1062,7 @@ with gr.Blocks(
                     value="""
                     <div style='border: 3px solid #667eea; border-radius: 10px; padding: 20px; 
                                 background: linear-gradient(135deg, #f8f9ff 0%, #e6f3ff 100%); 
-                                text-align: center; min-height: 580px; display: flex; 
+                                text-align: center; height: 650px; display: flex; 
                                 flex-direction: column; justify-content: center; align-items: center;
                                 box-shadow: 0 4px 16px rgba(102, 126, 234, 0.15);'>
                         <div style='font-size: 56px; margin-bottom: 25px;'>🌐</div>