diff options
| -rw-r--r-- | frontend/admin.ts | 13 | ||||
| -rw-r--r-- | frontend/style.sass | 36 |
2 files changed, 31 insertions, 18 deletions
diff --git a/frontend/admin.ts b/frontend/admin.ts index cdc8d32..1b6ba90 100644 --- a/frontend/admin.ts +++ b/frontend/admin.ts @@ -20,10 +20,9 @@ async function sendVerdict(user: string, pw: string, b: PendingBang, body: JSON.stringify(b) }).then(_ => null).catch(e => "" + e) - // TODO the error isn't styled, but this should only very rarely happen anyway, - // so it's very low priority if (err) - info_block.appendChild(e("p", {}, "Something went wrong: " + await err)) + info_block.appendChild(e("p", {class: "verdict-error"}, + "Something went wrong: " + await err)) else info_block.remove() // TODO in the accept case, we should try invalidating the browser cache @@ -54,10 +53,10 @@ export async function tryLoadAdminPanel(user: string, pw: string) { let r = e("div", {class: "pending-block"}, e("span", {class: "pending-info"}, - e("p", {}, "!" + b.bang), - e("p", {}, b.name), - e("p", {}, b.url), - ...(b.email? [e("p", {}, b.email)] : []) + e("p", {class: "pending-bang"}, "!" + b.bang), + e("p", {class: "pending-name"}, b.name), + e("p", {class: "pending-url"}, b.url), + ...(b.email? [e("p", {class: "pending-email"}, b.email)] : []) ), btn_accept, btn_reject, diff --git a/frontend/style.sass b/frontend/style.sass index 3e0c6ab..1b0173c 100644 --- a/frontend/style.sass +++ b/frontend/style.sass @@ -3,8 +3,9 @@ $ac-dark: #452273 $light: rgb(255, 116, 227) $ac-light: rgb(217, 99, 193) -$accept: #0f0 -$reject: #f00 +$positive: #0f0 +$negative: #f00 +$warn: #fa0 body background-color: $dark @@ -24,11 +25,11 @@ h1 box-shadow: 0px 0px 10px 0px black &.level-error - color: #ff0000 + color: $negative &.level-success - color: #00ff00 + color: $positive &.level-warn - color: #ffe600 + color: $warn section.info margin: 5em @@ -117,20 +118,33 @@ div.pending-block &.pending-accept background-color: black - color: $accept - border: 1px solid $accept + color: $positive + border: 1px solid $positive &:hover - background-color: $accept + background-color: $positive color: black &.pending-reject background-color: black - color: $reject - border: 1px solid $reject + color: $negative + border: 1px solid $negative &:hover - background-color: $reject + background-color: $negative color: black + p.pending-bang + color: #87ffaf + p.pending-url + font-size: 0.8em + color: gray + p.pending-email + font-size: 0.8em + color: $light + + p.verdict-error + margin-left: 2em + color: $warn + dialog background-color: $dark button |