Merge pull request #1343 from CodingTrain/new-logo

Adding new logo

Author: shiffman

src/components/TopBar.js

@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { Link } from 'gatsby';
 
 import Menu from './Menu';
+import NewLogo from '../images/new-logo.svg';
 
 import * as css from './TopBar.module.css';
 
@@ -56,7 +57,7 @@ const TopBar = () => {
       <header className={css.root}>
         <div className={css.logo}>
           <Link to="/" aria-label="Go to homepage">
-            <Logo width={250} />
+            <NewLogo className={css.logoSvg} />
           </Link>
         </div>
         <div className={css.clock}>🕛</div>

src/components/TopBar.module.css

@@ -16,7 +16,11 @@
 }
 
 .logo {
-  padding: 0 var(--box-padding);
+  padding: 0 var(--spacing-normal);
+}
+
+.logoSvg {
+  height: 32px;
 }
 
 .clock {
@@ -77,6 +81,12 @@
   }
 }
 
+@media (--small) {
+  .logoSvg {
+    height: 28px;
+  }
+}
+
 @media (--xsmall) {
   .shortDate {
     display: initial;