about summary refs log tree commit diff
path: root/app
diff options
context:
space:
mode:
authorLynx Kotoura <admin@sanin.link>2017-10-12 04:18:46 +0900
committerEugen Rochko <eugen@zeonfederated.com>2017-10-11 21:18:45 +0200
commit07ea625cb228b36b8d87de32141024ec98d875da (patch)
tree423aa450525739e33758523b8ff1670bd9dbcd87 /app
parent27101f1bebf8beb96a027dba6852529e3f1b66ab (diff)
Fix styles of error pages (#5335)
Signed-off-by: Lynx Kotoura <admin@sanin.link>

Signed-off-by: Lynx Kotoura <admin@sanin.link>
Diffstat (limited to 'app')
-rw-r--r--app/javascript/styles/basics.scss36
1 files changed, 22 insertions, 14 deletions
diff --git a/app/javascript/styles/basics.scss b/app/javascript/styles/basics.scss
index b829191ad..43c32c8bc 100644
--- a/app/javascript/styles/basics.scss
+++ b/app/javascript/styles/basics.scss
@@ -29,8 +29,7 @@ body {
     font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", mastodon-font-sans-serif, sans-serif;
   }
 
-  &.app-body,
-  &.error {
+  &.app-body {
     position: fixed;
     width: 100%;
     height: 100%;
@@ -70,25 +69,34 @@ body {
   }
 
   &.error {
+    position: absolute;
     text-align: center;
     color: $ui-primary-color;
-    padding: 20px;
+    background: $ui-base-color;
+    width: 100%;
+    height: 100%;
+    padding: 0;
     display: flex;
     justify-content: center;
     align-items: center;
 
-    .dialog img {
-      display: block;
-      max-width: 470px;
-      width: 100%;
-      height: auto;
-      margin-top: -120px;
-    }
+    .dialog {
+      vertical-align: middle;
+      margin: 20px;
+
+      img {
+        display: block;
+        max-width: 470px;
+        width: 100%;
+        height: auto;
+        margin-top: -120px;
+      }
 
-    .dialog h1 {
-      font-size: 20px;
-      line-height: 28px;
-      font-weight: 400;
+      h1 {
+        font-size: 20px;
+        line-height: 28px;
+        font-weight: 400;
+      }
     }
   }
 }