about summary refs log tree commit diff
path: root/app/javascript/styles
diff options
context:
space:
mode:
authorOndřej Hruška <ondra@ondrovo.com>2017-10-11 21:27:17 +0200
committerOndřej Hruška <ondra@ondrovo.com>2017-10-11 21:27:17 +0200
commit0bf9261e65b08cb54f43303c20d693649e16c079 (patch)
treecfb53d634da666fbc75b3854199fd44201085bf9 /app/javascript/styles
parent3cc6255a7e01645799be7af01de0d7c2ec18832a (diff)
parent6bc07d3de37f8bcfdd3324eb5aca05bee0e8d19c (diff)
Merge remote-tracking branch 'upstream/master'
Diffstat (limited to 'app/javascript/styles')
-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;
+      }
     }
   }
 }