feat: auto-adapt video modal

[feitianbubu]

任务日志视频自适应窗口宽高

[coderabbitai]

Walkthrough

Modal and video player styling is enhanced with responsive height and width constraints. The outer container, video element, and modal dimensions are adjusted to better utilize available space when displaying video content.

Changes

Cohort / File(s)	Summary
Video Modal Responsive Sizing web/src/components/table/task-logs/modals/ContentModal.jsx	Adjusted modal dimensions for video mode (70vh body height, 90vw width, 960px maxWidth). Added height constraints and object-fit styling to video element (height: '100%', maxWidth, maxHeight, objectFit: contain). Added height: '100%' to outer container for full-space utilization.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~5 minutes

Possibly related PRs

• feat: if video cannot play open in a new tab #1554: Modifies the same ContentModal.jsx file to adjust video content presentation through layout and sizing changes.
• feat: add video preview modal #1429: Modifies ContentModal.jsx to introduce video rendering capabilities with an isVideo prop and video element.

Poem

🐰 A modal grows tall, responsive and wide,
Video fills every corner with pride,
Ninety viewport units, seventy tall,
Now content stretches to fill the wall,
Hop along smoothly through screens big and small! 🎬

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'feat: auto-adapt video modal' accurately describes the main change, which makes a modal container for videos automatically adapt to window dimensions with responsive sizing.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}