Tighten control plane flow and status presentation
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user