Make port health status banner more subtle for critical/warning states
Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/153a5e43-7267-4f3c-aa97-ce6c80d78f82 Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com>
This commit is contained in:
committed by
GitHub
parent
91cdda8961
commit
11a2bc57a7
@@ -207,16 +207,15 @@ button:disabled {
|
||||
}
|
||||
|
||||
.status-banner--warn {
|
||||
background-color: rgba(229, 165, 10, 0.15);
|
||||
border-bottom: 1px solid var(--yellow);
|
||||
color: var(--yellow);
|
||||
background-color: rgba(229, 165, 10, 0.08);
|
||||
border-bottom: 1px solid rgba(229, 165, 10, 0.4);
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.status-banner--critical {
|
||||
background-color: rgba(224, 27, 36, 0.15);
|
||||
border-bottom: 1px solid var(--red);
|
||||
color: var(--red);
|
||||
animation: pulse-banner-bg 2s ease-in-out infinite;
|
||||
background-color: rgba(224, 27, 36, 0.08);
|
||||
border-bottom: 1px solid rgba(224, 27, 36, 0.4);
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.status-banner--fade-out {
|
||||
@@ -224,11 +223,6 @@ button:disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@keyframes pulse-banner-bg {
|
||||
0%, 100% { background-color: rgba(224, 27, 36, 0.15); }
|
||||
50% { background-color: rgba(224, 27, 36, 0.28); }
|
||||
}
|
||||
|
||||
.status-banner-details {
|
||||
margin-top: 8px;
|
||||
text-align: left;
|
||||
@@ -259,6 +253,7 @@ button:disabled {
|
||||
border-collapse: collapse;
|
||||
margin-top: 8px;
|
||||
font-size: 0.8rem;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.status-banner-table th {
|
||||
@@ -269,7 +264,7 @@ button:disabled {
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
font-size: 0.72rem;
|
||||
border-bottom: 1px solid currentColor;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.status-banner-table td {
|
||||
|
||||
Reference in New Issue
Block a user