vggt_da

app.py

@@ -560,14 +560,16 @@ def launch_viz(grid_size, vo_points, fps, original_image_state):
                     with open(random_path, 'w', encoding='utf-8') as f:
                         f.write(viz_html)
                     
-                    # 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); height: 650px; width: 100%;'>
+                    <div style='border: 3px solid #667eea; border-radius: 10px; 
+                                background: #f8f9ff; height: 650px; width: 100%;
+                                box-shadow: 0 8px 32px rgba(102, 126, 234, 0.3);
+                                margin: 0; padding: 0; box-sizing: border-box; overflow: hidden;'>
                         <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;">
+                                style="border: none; display: block; width: 100%; height: 650px;
+                                       margin: 0; padding: 0; border-radius: 7px;">
                         </iframe>
                     </div>
                     """
@@ -806,12 +808,18 @@ with gr.Blocks(
         min-height: 650px !important;
         max-height: 650px !important;
         width: 100% !important;
+        margin: 0 !important;
+        padding: 0 !important;
+        overflow: hidden !important;
     }
     #viz_container > div {
         height: 650px !important;
         min-height: 650px !important;
         max-height: 650px !important;
         width: 100% !important;
+        margin: 0 !important;
+        padding: 0 !important;
+        box-sizing: border-box !important;
     }
     #viz_container iframe {
         height: 650px !important;
@@ -820,6 +828,9 @@ with gr.Blocks(
         width: 100% !important;
         border: none !important;
         display: block !important;
+        margin: 0 !important;
+        padding: 0 !important;
+        box-sizing: border-box !important;
     }
     /* 固定视频上传组件高度 */
     .gr-video {
@@ -1060,11 +1071,12 @@ with gr.Blocks(
                 viz_html = gr.HTML(
                     label="3D Trajectory Visualization",
                     value="""
-                    <div style='border: 3px solid #667eea; border-radius: 10px; padding: 20px; 
+                    <div style='border: 3px solid #667eea; border-radius: 10px; 
                                 background: linear-gradient(135deg, #f8f9ff 0%, #e6f3ff 100%); 
                                 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);'>
+                                box-shadow: 0 4px 16px rgba(102, 126, 234, 0.15);
+                                margin: 0; padding: 20px; box-sizing: border-box;'>
                         <div style='font-size: 56px; margin-bottom: 25px;'>🌐</div>
                         <h3 style='color: #667eea; margin-bottom: 18px; font-size: 28px; font-weight: 600;'>
                             3D Trajectory Visualization