Merge pull request #237 from kata-containers/vert-footer-logo

Replace footer logo with vert layout
kata-containers · Feb 20, 2024 · aa0b3ad · aa0b3ad
2 parents af19cf5 + 81a521b
commit aa0b3ad
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -2,7 +2,7 @@ import React from 'react'
 import { Link } from 'gatsby'
 import { OutboundLink } from 'gatsby-plugin-google-analytics'
 
-import logo from '../img/svg/logo_white.svg'
+import logo from '../img/svg/logo-vertical.svg'
 
 import content from '../content/footer-nav.json'
 

diff --git a/src/img/svg/logo-vertical.svg b/src/img/svg/logo-vertical.svg
diff --git a/src/style/modules/_footer.scss b/src/style/modules/_footer.scss
@@ -32,6 +32,9 @@
     max-width: 417px;
     margin-left: auto;
     text-align: right;
+    display: flex;
+    flex-direction: column;
+    align-items: end;
   }
 
   .footer-title {
@@ -57,12 +60,13 @@
   }
 
   .footer-brand {
-    padding-right: 5px; 
+    padding: 10px; 
+    background: #ffffff;
+    width: 100px;
   }
 
   .footer-brand img {
     width: 100%;
-    min-width: 125px;
   }
 
   .footer-entry {
@@ -97,6 +101,10 @@
       text-align: center;
     }
 
+    .footer-aside {
+      align-items: baseline;
+    }
+
     .footer-entry {
       margin-bottom: 20px;
     }