egg/DashBoard
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(hold-history): auto-scale summary card font to prevent overflow

Browse Source 
Use CSS container queries to dynamically size summary values based on
card width, preventing large QTY numbers from overflowing the 7-column
card grid.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
egg
2026-03-02 09:45:46 +08:00
parent 803690646b
commit ff37768a15
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/hold-history/style.css
View File

@@ -135,6 +135,14 @@
grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-columns: repeat(7, minmax(0, 1fr));
} }
.hold-history-summary-row .summary-card {
container-type: inline-size;
}
.hold-history-summary-row .summary-value {
font-size: clamp(14px, 12cqi, 28px);
}
.summary-card { .summary-card {
border: 1px solid var(--border); border: 1px solid var(--border);
} }