Merge pull request #216 from wri/fix/static-header-layout-issues

fix static header layout issues
wri · Aug 6, 2024 · 90675d6 · 90675d6
2 parents b505d36 + c8d8c32
commit 90675d6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git a/components/ui/static-header.js b/components/ui/static-header.js
@@ -52,10 +52,7 @@ class StaticHeader extends React.Component {
               {logo && (
                 <div className="logo-container">
                   <img
-                    src={`${process.env.NODE_ENV !== 'production'
-                        ? process.env.OTP_API
-                        : ''
-                      }${logo}`}
+                    src={logo}
                     alt={`${title} logo`}
                     className="logo"
                   />

diff --git a/css/components/page/_static-header.scss b/css/components/page/_static-header.scss
@@ -4,7 +4,7 @@
   align-items: center;
 
   width: 100%;
-  height: 220px;
+  min-height: 220px;
 
   background-size: cover;
   background-repeat: no-repeat;
@@ -24,19 +24,16 @@
   }
 
   &.-tabs {
+    padding-bottom: 45px;
+
     .container {
-      margin-bottom: 45px;
       text-align: left;
     }
   }
 
   &.-logo {
     height: auto;
 
-    .container {
-      margin-bottom: 75px;
-    }
-
     .logo-container {
       display: inline-block;
       background-color: $color-white;
@@ -51,10 +48,11 @@
   }
 
   h2 {
-    margin: 0;
+    margin: $space-1*2 0 $space-1;
     padding: 0;
     font-size: $font-size-extrahuge;
     font-weight: $font-weight-default;
+    line-height: 1.1;
     color: $color-white;
 
     @media screen and (max-width: 1024px) {
@@ -68,6 +66,7 @@
 
   h3 {
     margin: 0;
+    margin-bottom: $space-1 * 2;
     padding: 0;
     font-size: $font-size-big;
     font-weight: $font-weight-default;