refining/climperor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.5.112: keep skill demos at 16:9 and harden web refresh deploy triggers.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
voson
2026-07-30 01:48:01 +08:00
co-authored by Cursor
parent 28858c0703
commit fdd926e9bb
11 changed files with 295 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/frontend/style.css
+20 -11
View File
@@ -1514,11 +1514,16 @@ body {
margin-left: auto;
margin-right: auto;
}
/* Skill detail: official-page split — demo clip left, name/desc right. */
/* Skill detail: official-page split — demo clip left, name/desc right.
Use the full inspect width when the center column has room (no artificial
1320px cap that leaves empty bands beside a cropped square video). */
.hero-inspect .skill-info-body {
max-width: 1320px;
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
margin-left: 0;
margin-right: 0;
flex: 1 1 auto;
min-height: 0;
}
.hero-inspect .item-detail-large-icon {
width: 96px;
@@ -1700,17 +1705,21 @@ body {
max-width: none;
flex: 1 1 0;
}
/* Stretch to the body's definite height (flex chain from #detail) so the
16:9 intrinsic size cannot push past the panel; cover crops to fill. */
/* Official demos are 16:9. Prefer a real widescreen frame (grow toward
720px / ~58% when the inspect column has room); never cover-crop sides.
Height follows width via aspect-ratio, capped by the panel so tall
#detail no longer stretches the box into a near-square. */
.skill-info-video {
flex: 0 1 42%;
width: 42%;
max-width: 480px;
flex: 0 1 auto;
align-self: center;
min-width: 220px;
min-height: 0;
height: 100%;
width: min(720px, 58%);
max-width: min(720px, 58%);
height: auto;
max-height: 100%;
object-fit: cover;
aspect-ratio: 16 / 9;
object-fit: contain;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: #000;