Refactoring error page component style

[github/Chocobozzz/PeerTube.git] / client / src / app / +error-page / error-page.component.scss

diff --git a/client/src/app/+error-page/error-page.component.scss b/client/src/app/+error-page/error-page.component.scss
index 4e12e8c78b54d4a3b7c6b9c5298dc112d9fafbb7..5193c2871b9d4533206adbe092340ce82bce06d4 100644 (file)
--- a/client/src/app/+error-page/error-page.component.scss
+++ b/client/src/app/+error-page/error-page.component.scss
@@ -4,25 +4,26 @@
 .root {
   @include margin-left(auto);
   @include margin-right(auto);
+  @include padding-top(9rem);
+  @include rfs(45rem, width);
 
   height: 100%;
   text-align: center;
-  padding-top: 150px;
   display: flex;
   justify-content: center;
   flex-direction: column-reverse;
 
+
   .box {
+    @include font-size(1.20rem);
+
     text-align: start;
-    font-size: 120%;
     padding: 0 15px;
   }
 
   img {
     @include margin-left(auto);
-
-    width: 220px;
-    height: auto;
+    @include rfs(14rem, width);
   }
 
   @media screen and (max-width: $mobile-view) {
@@ -30,16 +31,4 @@
       @include margin-right(auto);
     }
   }
-
-  @media screen and (min-width: $mobile-view) {
-    width: 400px;
-  }
-
-  @media screen and (max-height: 600px) {
-    padding-top: 50px;
-
-    img {
-      width: 160px;
-    }
-  }
 }