Add services status view with polling and control actions
CI / basic-check (push) Has been cancelled
CI / basic-check (push) Has been cancelled
This commit is contained in:
@@ -141,3 +141,48 @@ html, body, #root {
|
||||
padding: var(--space-8);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.actions {
|
||||
display: flex;
|
||||
gap: var(--space-2);
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.status {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 0.15rem 0.5rem;
|
||||
border-radius: 999px;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.status-active {
|
||||
background: #d9efe2;
|
||||
color: #216c43;
|
||||
}
|
||||
|
||||
.status-failed {
|
||||
background: #f8d7da;
|
||||
color: #8a1f2d;
|
||||
}
|
||||
|
||||
.status-inactive {
|
||||
background: #ececec;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.status-pending {
|
||||
background: #fff3cd;
|
||||
color: #8a6d1f;
|
||||
}
|
||||
|
||||
.alert {
|
||||
margin-bottom: var(--space-4);
|
||||
padding: var(--space-3) var(--space-4);
|
||||
border-radius: var(--radius-sm);
|
||||
background: #f8d7da;
|
||||
color: #8a1f2d;
|
||||
border: 1px solid #f1b8c0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user