Changed CoPilot logo to svg. No more pixeled logo!

dbomfim · Mar 19, 2017 · 42ed5ae · 42ed5ae
1 parent 19870ed
commit 42ed5ae
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/src/components/Dash.vue b/src/components/Dash.vue
@@ -3,11 +3,11 @@
     <header class="main-header">
       <a href="/" class="logo">
         <!-- mini logo for sidebar mini 40x50 pixels -->
-        <span class="logo-mini"><img src="/static/img/logo_sm.png" alt="Logo" class="img-responsive center-block"></span>
+        <span class="logo-mini"><img src="/static/img/copilot-logo-white.svg" alt="Logo" class="img-responsive center-block"></span>
         <!-- logo for regular state and mobile devices -->
-        <div class="container logo-lg">
-          <div class="pull-left image"><img src="/static/img/logo_sm.png" alt="Logo" class="img-responsive"></div>
-          <div class="pull-left info">CoPilot</div>
+        <div class="logo-lg">
+          <img src="/static/img/copilot-logo-white.svg" alt="Logo" class="img-responsive">
+          <span>CoPilot</span>
         </div>
       </a>
 
@@ -227,6 +227,20 @@ export default {
   }
 }
 
+.logo-mini, .logo-lg {
+  text-align: left;
+
+  img {
+    padding: .4em;
+  }
+}
+
+.logo-lg {
+  img {
+    display: -webkit-inline-box;
+    width: 25%;
+  }
+}
 .user-panel {
   height: 4em;
 }

diff --git a/static/img/copilot-logo-white.svg b/static/img/copilot-logo-white.svg