ui: fix front page responsiveness rero#381

* Improves height-responsiveness of the front page. Co-Authored-by: Alicia Zangger <alicia.zangger@rero.ch>
AoNoOokami · Sep 19, 2019 · 45e8505 · 45e8505
1 parent 2bc5120
commit 45e8505
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/rero_ils/static/scss/rero_ils/frontpage.scss b/rero_ils/static/scss/rero_ils/frontpage.scss
@@ -18,16 +18,22 @@
  */
 
  .rero-ils-frontpage {
-  height: 45vh;
   background-image: url(#{$static-images}/homepage_image_bleu.jpg);
   background-size: cover;
   background-position: center;
   form {
     margin: 0 auto;
     width: 80%;
   }
-  @include media-breakpoint-down(xs) {
-    height: 60vh;
+
+  @media (max-height: 500px){
+    height: 85vh;
+  }
+  @media (min-height: 500px){
+    height: 70vh;
+  }
+  @media (min-height: 700px){
+    height: 45vh;
   }
 }