From 8c4d2f2c2fcaf59d88bb7b2f5ed88d9b77db6561 Mon Sep 17 00:00:00 2001
From: feitianbubu <feitianbubu@qq.com>
Date: Wed, 28 Jan 2026 12:54:57 +0800
Subject: [PATCH] feat: auto-adapt video modal

---
 .../table/task-logs/modals/ContentModal.jsx      | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/web/src/components/table/task-logs/modals/ContentModal.jsx b/web/src/components/table/task-logs/modals/ContentModal.jsx
index 9dc5427c..88df4d8c 100644
--- a/web/src/components/table/task-logs/modals/ContentModal.jsx
+++ b/web/src/components/table/task-logs/modals/ContentModal.jsx
@@ -120,7 +120,7 @@ const ContentModal = ({
     }
 
     return (
-      <div style={{ position: 'relative' }}>
+      <div style={{ position: 'relative', height: '100%' }}>
         {isLoading && (
           <div
             style={{
@@ -137,7 +137,13 @@ const ContentModal = ({
         <video
           src={modalContent}
           controls
-          style={{ width: '100%' }}
+          style={{
+            width: '100%',
+            height: '100%',
+            maxWidth: '100%',
+            maxHeight: '100%',
+            objectFit: 'contain',
+          }}
           autoPlay
           crossOrigin='anonymous'
           onError={handleVideoError}
@@ -155,11 +161,13 @@ const ContentModal = ({
       onCancel={() => setIsModalOpen(false)}
       closable={null}
       bodyStyle={{
-        height: isVideo ? '450px' : '400px',
+        height: isVideo ? '70vh' : '400px',
+        maxHeight: '80vh',
         overflow: 'auto',
         padding: isVideo && videoError ? '0' : '24px',
       }}
-      width={800}
+      width={isVideo ? '90vw' : 800}
+      style={isVideo ? { maxWidth: 960 } : undefined}
     >
       {isVideo ? (
         renderVideoContent()