宜博 / 2080tiserver

Commit f1f623016e2e2866c33a0437720935a0fa71b3b0

Authored by yibo
1 parent 1805c6ce

h3-console: 参考视频预览改成等比缩放，不再用 object-fit:cover 裁切 

任务详情页里的参考视频缩略图之前固定 340×200 + object-fit:cover。横屏视频还行，
竖屏参考视频（比如 480×832）会被裁得只剩中间一条窄带，看不全——参考视频本来就是
要让人核对内容对不对，裁切是硬伤。改成按视频真实宽高比等比缩放（不超过340宽/400高），
横竖屏都不再裁切。

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01PA1AWh8e7wJ3vyhKBAEQux
Inline Side-by-side
Showing 1 changed file with 4 additions and 1 deletions
h3-console/static/index.html
  View file @f1f6230
... ... @@ -59,7 +59,10 @@
59 59 .thumbrow { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 12px; align-items: flex-start; }
60 60 .thumbrow img { height: 160px; width: 160px; object-fit: cover; border-radius: 8px;
61 61 border: 1px solid rgba(128,128,128,.3); display: block; }
62   - .thumbrow video { height: 200px; width: 340px; max-width: 100%; object-fit: cover;
  62 + /* 2026-09-03: 之前固定 340×200 + object-fit:cover，横屏参考视频还行，竖屏的(比如
  63 + 480×832)会被裁得只剩中间一条窄带，看不全——参考视频本来就是要让人看完整内容核对是不是
  64 + 传错了，裁切是硬伤，改成按视频真实宽高比等比缩放（不超过340宽/400高），横竖屏都不裁。 */
  65 + .thumbrow video { max-width: 340px; max-height: 400px; width: auto; height: auto;
63 66 border-radius: 8px; border: 1px solid rgba(128,128,128,.3); display: block; background: #000; }
64 67 .thumbrow audio { height: 40px; width: 340px; max-width: 100%; display: block; }
65 68 .thumb-wrap { display: inline-flex; flex-direction: column; gap: 6px; max-width: 340px; }
... ...