mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-05-02 04:12:47 +02:00
feat: add connection status indicator to settings UI
This commit is contained in:
parent
ae264290d0
commit
a5e5f229d9
2 changed files with 82 additions and 1 deletions
|
|
@ -37,3 +37,36 @@
|
|||
.surfsense-status--err .surfsense-status__icon {
|
||||
color: var(--color-red);
|
||||
}
|
||||
|
||||
.surfsense-connection-indicator {
|
||||
display: inline-flex;
|
||||
margin-left: 8px;
|
||||
vertical-align: middle;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.surfsense-connection-indicator svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.surfsense-connection-indicator--ok {
|
||||
color: var(--color-green);
|
||||
}
|
||||
|
||||
.surfsense-connection-indicator--syncing {
|
||||
color: var(--color-blue);
|
||||
}
|
||||
|
||||
.surfsense-connection-indicator--warn {
|
||||
color: var(--color-yellow);
|
||||
}
|
||||
|
||||
.surfsense-connection-indicator--err {
|
||||
color: var(--color-red);
|
||||
}
|
||||
|
||||
.surfsense-connection-indicator--muted {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue