Show live camera refresh status
This commit is contained in:
@@ -113,6 +113,36 @@ h1 {
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
.refresh-button.is-refreshing svg {
|
||||
animation: refresh-spin 0.9s linear infinite;
|
||||
}
|
||||
|
||||
.refresh-status {
|
||||
display: none;
|
||||
max-width: 260px;
|
||||
color: var(--muted);
|
||||
font-size: 0.86rem;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.refresh-status.is-visible {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.refresh-status.is-success {
|
||||
color: var(--green-dark);
|
||||
}
|
||||
|
||||
.refresh-status.is-error {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
@keyframes refresh-spin {
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.language-form {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -558,6 +588,10 @@ h3 {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.refresh-status {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.grid-single,
|
||||
.control-grid {
|
||||
grid-template-columns: 1fr;
|
||||
|
||||
Reference in New Issue
Block a user