Improve error page styling

2022-01-10 19:12:58 -08:00
parent 618ea57d17
commit b1b8dde547
11 changed files with 71 additions and 160 deletions
--- a/wise-webapp/src/main/webapp/css/error.less
+++ b/wise-webapp/src/main/webapp/css/error.less
@@ -0,0 +1,27 @@
+@import "compatibility.less";
+
+div#errorContainer {
+    padding: 200px;
+    height: 100vh;
+    background-color: rgb(252, 235, 192);
+    text-align:center
+}
+
+div#errorContainer > h1 {
+    padding-top: 200px;
+    color: rgb(241, 163, 39);
+    font-size: 40px;
+}
+
+div#errorContainer > p {
+    font-size: 25px;
+}
+div#bottom-logo {
+    position: fixed;
+    right: 20px;
+    bottom: 10px;
+    background: url(../../images/editor/logo-text-black.svg) no-repeat;
+    width: 90px;
+    height: 40px;
+}
+