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/config.js
+1 -1
View File
@@ -1,5 +1,5 @@
/* Local defaults; production export overwrites via export_relations_site.py. */
var SITE_VERSION = "0.5.111";
var SITE_VERSION = "0.5.112";
var ABILITY_VIDEO_BASE = "";
var STATIC_ASSET_BASE = "";
web/frontend/index.html
+5 -5
View File
@@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>DOTA2 上分帝</title>
<link rel="icon" href="/ui-icon/dota2_logo.png" type="image/png" />
<link rel="stylesheet" href="/style.css?v=0.5.111" />
<script src="/mobile-gate.js?v=0.5.111"></script>
<link rel="stylesheet" href="/style.css?v=0.5.112" />
<script src="/mobile-gate.js?v=0.5.112"></script>
</head>
<body>
<h1 class="sr-only">DOTA2 上分帝</h1>
@@ -178,8 +178,8 @@
<section class="detail" id="detail" aria-live="polite"></section>
<script src="/config.js?v=0.5.111"></script>
<script src="/router.js?v=0.5.111"></script>
<script src="/app.js?v=0.5.111"></script>
<script src="/config.js?v=0.5.112"></script>
<script src="/router.js?v=0.5.112"></script>
<script src="/app.js?v=0.5.112"></script>
</body>
</html>
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;