Center align logo image in header (#816)

* Tweak CSS for header logo and img so img is center aligned and max height of the container * Set width:auto for header logo img
felixmosh · Sep 14, 2024 · f5e1589 · f5e1589
1 parent 2cbba48
commit f5e1589
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/ui/src/components/Header/Header.module.css b/packages/ui/src/components/Header/Header.module.css
@@ -27,11 +27,14 @@
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
   z-index: 2;
   display: flex;
+  align-items: center;
   padding: 0 1rem;
   text-decoration: none;
 }
 
 .header > .logo > .img {
+  max-height: 100%;
+  width: auto;
   margin-right: 0.4em;
 }