chuan/Cli-Proxy-API-Management-Center
1
0
Fork 0
mirror of https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git synced 2026-02-18 18:50:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(usage): enhance ServiceHealthCard with scrollable health grid

Browse Source
This commit is contained in:
Supra4E8C
2026-02-14 15:03:02 +08:00
parent a2507b1373
commit 52cf9d86c0
2 changed files with 26 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/UsagePage.module.scss
View File

@@ -975,10 +975,17 @@
background: var(--failure-badge-bg);
}
.healthGridScroller {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.healthGrid {
display: grid;
gap: 3px;
grid-auto-flow: column;
grid-template-rows: repeat(7, 10px);
width: fit-content;
margin: 0 auto;
}
@@ -1140,9 +1147,20 @@
}
@include mobile {
.healthCard {
padding: 14px;
gap: 10px;
}
.healthGrid {
grid-template-rows: repeat(7, 6px);
gap: 2px;
margin: 0;
}
.healthBlockWrapper {
width: 8px;
height: 8px;
width: 6px;
height: 6px;
}
.healthTooltip {