| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- .page-health-check {
- display: flex;
- flex-direction: column;
- gap: 12px;
- overflow: hidden;
- }
- .page-health-check .check-actions {
- display: flex;
- gap: 8px;
- flex-shrink: 0;
- }
- .page-health-check .check-table {
- flex: 1;
- min-height: 0;
- display: flex;
- flex-direction: column;
- overflow: auto;
- border: 1px solid rgba(148,163,184,0.15);
- border-radius: 4px;
- }
- .page-health-check .check-row {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr 2fr;
- min-height: 42px;
- border-bottom: 1px solid rgba(148,163,184,0.12);
- flex-shrink: 0;
- }
- .page-health-check .check-row:last-child {
- border-bottom: none;
- }
- .page-health-check .check-row > div {
- display: flex;
- align-items: center;
- padding: 8px 12px;
- min-width: 0;
- border-right: 1px solid rgba(148,163,184,0.12);
- font-size: 14px;
- }
- .page-health-check .check-row > div:last-child {
- border-right: none;
- }
- .page-health-check .check-header {
- min-height: 40px;
- background: linear-gradient(180deg, #0f172a, #0b1220);
- font-weight: 500;
- flex-shrink: 0;
- }
- .page-health-check .check-group-divider {
- height:32px;
- display:flex;
- align-items:center;
- padding:0 12px;
- background:rgba(148,163,184,0.06);
- border-top:1px solid rgba(148,163,184,0.10);
- border-bottom:1px solid rgba(148,163,184,0.10);
- color:#94a3b8;
- font-size:14px;
- font-weight:500;
- }
- .page-health-check .check-success {
- color: #22c55e;
- }
- .page-health-check .check-fail {
- color: #ef4444;
- }
|