oceanprotocol/status-frontend
1
0
Fork 0
mirror of https://github.com/oceanprotocol/status-frontend.git synced 2024-11-21 17:36:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

adapt styles to new severities

Browse Source
This commit is contained in:
Matthias Kretschmann 2022-10-20 10:00:36 +01:00
parent e7c986aad9
commit 92dc57905e
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/index.tsx
View File

@ -22,11 +22,11 @@ function statusIcon(state: State): ReactElement {
function statusStyle(state: State) { function statusStyle(state: State) {
if (state === State.Outage) { if (state === State.Outage) {
return styles.down return styles.outage
} else if (state === State.Degraded) { } else if (state === State.Degraded) {
return styles.warning return styles.degraded
} else { } else {
return styles.up return styles.normal
} }
} }

8
src/styles/Home.module.css
View File

@ -102,11 +102,11 @@
stroke: var(--color-primary); stroke: var(--color-primary);
} }
.warning { .degraded {
border-color: var(--brand-alert-yellow); border-color: var(--brand-alert-yellow);
} }
.down { .outage {
border-color: var(--brand-alert-red); border-color: var(--brand-alert-red);
} }
@ -147,11 +147,11 @@
list-style-position: outside; list-style-position: outside;
} }
.warning .messages { .degraded .messages {
color: var(--brand-alert-orange); color: var(--brand-alert-orange);
} }
.down .messages { .outage .messages {
color: var(--brand-alert-red); color: var(--brand-alert-red);
} }