xuejianwu/yingxiangli-duanju
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: match candidate previews to video ratio

Browse Source
This commit is contained in:
xuejianwu
2026-07-30 09:55:29 +08:00
parent f9869601a3
commit afd4118fdb
3 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/styles.css
View File

@@ -239,9 +239,11 @@ hr { border: 0; border-top: 1px solid var(--line); margin: 26px 0 0; }
.version-head h3 { margin: 5px 0 0; font-size: 16px; }
.version-head > span { color: var(--muted); font-size: 11px; }
.version-list, .assembly-list { display: grid; gap: 10px; margin-top: 12px; }
.version-card { display: grid; grid-template-columns: 116px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: #fafbfe; }
.version-card { display: grid; grid-template-columns: max-content minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: #fafbfe; }
.version-card.selected { border-color: var(--green); background: var(--green-soft); }
.version-preview { width: 116px; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; display: grid; place-items: center; background: #111827; color: #d6dceb; font-size: 10px; }
.version-preview { width: 150px; aspect-ratio: var(--preview-ratio, 16 / 9); border-radius: 8px; overflow: hidden; display: grid; place-items: center; background: #111827; color: #d6dceb; font-size: 10px; }
.version-preview.portrait { width: 84px; }
.version-preview.square { width: 108px; }
.version-preview video { width: 100%; height: 100%; object-fit: contain; background: #111827; }
.version-copy { min-width: 0; display: grid; gap: 4px; }
.version-copy strong { font-size: 13px; }
@@ -275,7 +277,7 @@ hr { border: 0; border-top: 1px solid var(--line); margin: 26px 0 0; }
.shot-overview-head { align-items: flex-start; }
.shot-overview-head > div { align-items: flex-start; flex-direction: column; gap: 3px; }
.shot-overview-list .shot-card { flex-basis: 190px; }
.version-card { grid-template-columns: 90px minmax(0, 1fr); }
.version-card { grid-template-columns: max-content minmax(0, 1fr); }
.version-actions { grid-column: 1 / -1; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-grid { grid-template-columns: 1fr; }
.view-grid { grid-template-columns: 1fr; }