Explorar o código

fix: adjust the banner height for small screen size

GitOrigin-RevId: 53c807d0cd24128ffc250fbda028cfdd19bbf359
Rebeka %!s(int64=3) %!d(string=hai) anos
pai
achega
1f9e32d0ef
Modificáronse 1 ficheiros con 8 adicións e 1 borrados
  1. 8 1
      services/web/frontend/stylesheets/app/homepage.less

+ 8 - 1
services/web/frontend/stylesheets/app/homepage.less

@@ -339,12 +339,19 @@
     border: 1px solid @blue-20;
     border: 1px solid @blue-20;
     color: @neutral-90;
     color: @neutral-90;
     .banner-row {
     .banner-row {
-      height: 56px;
+      min-height: 56px;
       display: flex;
       display: flex;
       justify-content: center;
       justify-content: center;
       align-content: center;
       align-content: center;
       flex-wrap: wrap;
       flex-wrap: wrap;
     }
     }
+
+    @media only screen and (max-width: @screen-sm-max) {
+      .banner-row {
+        min-height: 100px;
+      }
+    }
+
     .claim-my-discount {
     .claim-my-discount {
       font-size: 14px;
       font-size: 14px;
       font-weight: 700;
       font-weight: 700;