xsl/juzi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(h5): center grouped score unit and tighten report summary spacing

Browse Source
This commit is contained in:
xsl
2026-10-13 00:12:02 +08:00
parent 6f83f58a09
commit f1e64565b9
11 changed files with 212 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files
h5/css/ui-20261012.css
+6 -6
View File
@@ -107,19 +107,19 @@
#dims-note .dims-note-l1 { font-size: 12px; line-height: 1.5; }
#dims-note .dims-note-l2 { font-size: 11px; line-height: 1.5; margin-top: 3px; }
/* Center the complete score stack inside the ring, with the age label exactly
25 CSS px above its number. Units do not offset the score digits. */
/* Center the complete score stack inside the ring and the gapless age stack
against the same vertical center. Center score digits and unit as one row. */
.sum-score, .sum-age { flex-direction: column; align-items: center; justify-content: center; gap: 0; }
.sum-age { align-self: stretch; gap: 25px; }
.ring-center { gap: 6px; }
.sum-age { align-self: stretch; gap: 0; }
.ring-center { gap: 0; }
.ring-center .stat-label, .sum-age > .stat-label { margin: 0; font-size: 12px; line-height: 1.5; color: var(--ink); }
.score-dial, .age-dial { position: relative; width: calc(108 * var(--u)); height: calc(108 * var(--u)); }
.age-dial { height: auto; display: flex; align-items: center; justify-content: center; }
.age-dial .stat-age { margin-top: 0; display: flex; align-items: baseline; }
.age-dial .stat-age b { display: block; line-height: 1; }
#stat-score { position: relative; }
#stat-score { display: flex; align-items: baseline; justify-content: center; }
#stat-score b { display: block; letter-spacing: 0; }
#stat-score i { position: absolute; left: 100%; bottom: 3px; margin-left: 2px; }
#stat-score i { position: static; margin-left: 2px; }
.card-care .card-heading { text-align: left; }
/* The profile is a fixed page, not a scroll container. Keep normal-height PSD