Merge pull request #9 from kubeapps/update-logo

Update logo
vmware-tanzu · Nov 23, 2017 · 4789206 · 4789206
2 parents 79e88ea + e5c8528
commit 4789206
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 14 deletions.
diff --git a/src/app/header-bar/header-bar.component.html b/src/app/header-bar/header-bar.component.html
@@ -1,9 +1,9 @@
 <header [ngClass]="{ 'header-bar': true, 'releases-enabled': config.releasesEnabled }">
   <div class="header-bar__content">
     <div class="header-bar__logo">
-      <h1>
-        <a href="/" routerLink="/" class="reverse">KubeApps Dashboard</a>
-      </h1>
+      <a href="/" routerLink="/" class="reverse">
+        <img alt="Kubeapps logo" src="/assets/images/logo.svg"/>
+      </a>
     </div>
     <nav class="header-bar__navigation">
       <ul>

diff --git a/src/app/header-bar/header-bar.component.scss b/src/app/header-bar/header-bar.component.scss
@@ -26,17 +26,16 @@ $header-bar-padding-small: 0 2em;
   }
 
   &__logo {
-    display: inline-block;
-
-    h1 {
-      // Adjust it vertically
-      padding-top: .1em;
-      font-size: 1.5em;
-      margin: 0;
-      font-family: 'Ubuntu', sans-serif;
-    }
-    a:hover {
-      color: $text-white;
+    a {
+      display: block;
+
+      img {
+        height: 2.5em;
+      }
+
+      &:hover {
+        color: $text-white;
+      }
     }
   }
 

diff --git a/src/assets/images/logo.svg b/src/assets/images/logo.svg