fixed 404 page style

Kikobeats · Sep 9, 2015 · 60e2f18 · 60e2f18
1 parent fe343d1
commit 60e2f18
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 8 deletions.
diff --git a/assets/scss/components/_media-queries.scss b/assets/scss/components/_media-queries.scss
@@ -136,11 +136,25 @@
   }
   .mayday {
     width: auto;
-    > h1 {
+    > h2 {
       font-size: 20px;
       line-height: 25px;
     }
   }
+
+  .astronaut {
+    background-size: 55%;
+  }
+
+  .astro-wrap {
+    margin: -5% auto;
+
+  }
+
+  .astro-wrap, .astronaut {
+    height: 10rem;
+  }
+
   #panic-button {
     margin-bottom: 1rem;
   }

diff --git a/assets/scss/components/_page-error.scss b/assets/scss/components/_page-error.scss
@@ -29,20 +29,20 @@ body[data-page="error"] {
 .astro-wrap {
   position: relative;
 
-  width: 175px;
-  height: 283px;
-  margin: -7px auto;
+  width: 11rem;
+  height: 18rem;
+  margin: 15% auto;
 }
 .astronaut {
   position: absolute;
   top: 0;
   left: 0;
 
-  width: 175px;
-  height: 283px;
+  width: 11rem;
+  height: 18rem;
 
   transform: translate(0, 50px);
   animation: move 10s infinite;
 
-  background: url("/assets/img/astronaut.png");
+  background: url("/assets/img/astronaut.png") center/cover no-repeat;
 }
diff --git a/error.hbs b/error.hbs
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html style="background: url({{@blog.cover}}) center/cover no-repeat fixed">
   <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />