[incubator-iotdb-website] branch master updated: add logo png

[dope]

This is an automated email from the ASF dual-hosted git repository.

dope pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-iotdb-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 73934b9  add logo png
73934b9 is described below

commit 73934b9590a8382cb588236a1e16acf33e057fe1
Author: XuYi <xuyith...@126.com>
AuthorDate: Wed Apr 3 12:41:32 2019 +0800

    add logo png
---
 src/assets/img/logo.png   | Bin 0 -> 332877 bytes
 src/components/NavBar.vue |  25 +++++++++++++++++++++++--
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/assets/img/logo.png b/src/assets/img/logo.png
new file mode 100644
index 0000000..4b55a68
Binary files /dev/null and b/src/assets/img/logo.png differ
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index a2232ed..a5241db 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -11,7 +11,11 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="#/">IoTDB</a>
+          <!--<a class="navbar-brand" href="#/">IoTDB</a>-->
+          <router-link to="/" class="nav-link">
+            <img src="../assets/img/logo.png" class="logo-class">
+          </router-link>
+
         </div>
 
         <!-- Collect the nav links, forms, and other content for toggling -->
@@ -89,7 +93,7 @@
       jQuery('.dropdown').removeClass( 'active' );
       $(this).parent("ul").parent("li").addClass( 'active' );
     });
-    jQuery(".navbar-brand").click(function () {
+    jQuery(".logo-class").click(function () {
       jQuery('.navbar-nav').find('li.active').removeClass('active');
       jQuery('.dropdown').removeClass('active');
       document.getElementById('home-page').classList.add('active');
@@ -140,28 +144,45 @@
     background-color: rgb(100,100,100);
   }
 
+  .logo-class{
+    max-width: 100px;
+    padding-top: 2px;
+  }
+
   @media (min-width: 200px) {
     .header {
       margin-bottom: 90px;
     }
+    .logo-class{
+      margin-left: 0px;
+    }
   }
 
   @media (min-width: 768px) {
     .header {
       margin-bottom: 190px;
     }
+    .logo-class{
+      margin-left: -8px;
+    }
   }
 
   @media (min-width: 992px) {
     .header {
       margin-bottom: 140px;
     }
+    .logo-class{
+      margin-left: -8px;
+    }
   }
 
   @media (min-width: 1200px) {
     .header {
       margin-bottom: 90px;
     }
+    .logo-class{
+      margin-left: -11px;
+    }
   }