Tighten control plane flow and status presentation

This commit is contained in:
Keith Casko
2026-10-02 11:20:13 -04:00
parent be741fbc1b
commit bcf115a83b
4 changed files with 88 additions and 54 deletions
+60 -6
View File
@@ -664,10 +664,10 @@ h1 {
.module-header {
display: grid;
grid-template-columns: 1fr minmax(260px, .75fr) auto;
gap: 40px;
gap: 28px;
align-items: end;
min-height: 132px;
padding: 28px 30px;
min-height: 108px;
padding: 22px 28px;
border-bottom: 1px solid var(--line-strong);
}
@@ -679,7 +679,7 @@ h1 {
.module h2 {
margin: 7px 0 0;
font-size: clamp(1.8rem, 3vw, 3.3rem);
font-size: clamp(1.65rem, 2.5vw, 2.7rem);
font-weight: 500;
line-height: 1;
letter-spacing: -.05em;
@@ -868,7 +868,7 @@ h1 {
.service-row {
display: grid;
grid-template-columns: 1fr 1.2fr .65fr .55fr;
grid-template-columns: 1fr 1.25fr .7fr;
gap: 12px;
align-items: center;
min-height: 53px;
@@ -1331,7 +1331,7 @@ footer {
.service-row span:nth-child(3),
.service-head span:nth-child(3) {
display: none;
display: block;
}
.system-map {
@@ -1376,3 +1376,57 @@ footer {
animation-iteration-count: 1 !important;
}
}
/* Final rhythm and evidence polish */
.module + .module {
position: relative;
}
.module + .module::before {
content: "";
position: absolute;
top: -1px;
left: 28px;
width: 48px;
height: 1px;
background: var(--purple-low);
}
.evidence-note {
opacity: .72;
font-size: .49rem;
letter-spacing: .05em;
}
.evidence-wide img,
.crowdsec-shot img,
.recovery-layout img {
max-height: 430px;
object-fit: contain;
object-position: top center;
background: #050608;
}
.activity-panel .event-list li {
padding: 15px 0;
}
.activity-panel .event-list p {
line-height: 1.5;
}
@media (max-width: 560px) {
.module-header {
min-height: auto;
padding: 20px 16px;
}
.module + .module::before {
left: 16px;
}
.service-row {
grid-template-columns: 1fr 1fr auto;
}
}