Modify logo

Author: edokeh

app/assets/images/logo.png

@@ -91,6 +91,7 @@ textarea {
   margin-left: 10px;
 }
 
+// 导航栏
 .nav-tabs.nav-stacked {
   border-bottom: 0;
 }
@@ -171,38 +172,55 @@ textarea {
   padding: 0 30px;
   z-index: 10;
 
-  // 标题
+  .navbar-header {
+    width: 140px;
+    height: 1px;
+  }
+
+  // logo
   .navbar-brand {
-//    color: $red;
-//    font-weight: bolder;
-//    font-size: 32px;
-    line-height: 50px;
-//    margin-right: 20px;
-    padding: 0;
-    width: 110px;
+    background: asset-url('logo.png') no-repeat 0 center;
+    position: absolute;
+    width: 140px;
+    height: 70px;
 
     &:hover {
-//      color: $blue
+      background-position: -140px center;
     }
+
   }
 
-  // 最右扳手
-  .navbar-right {
-    margin-right: 0px !important;
+  // 标题
+  //  .navbar-brand {
+  //    color: $red;
+  //    font-weight: bolder;
+  //    font-size: 32px;
+  //    line-height: 50px;
+  //    margin-right: 20px;
+  //    padding: 0;
+  //    width: 110px;
+
+  //    &:hover {
+  //      color: $blue
+  //    }
+}
 
-    .dropdown > a {
-      padding: 0 15px;
-      font-size: 1.5em;
-      line-height: 50px;
-    }
+// 最右扳手
+.navbar-right {
+  margin-right: 0px !important;
 
-    .dropdown-menu li {
-      height: 30px;
-      line-height: 30px;
+  .dropdown > a {
+    padding: 0 15px;
+    font-size: 1.5em;
+    line-height: 50px;
+  }
 
-      i {
-        width: 18px;
-      }
+  .dropdown-menu li {
+    height: 30px;
+    line-height: 30px;
+
+    i {
+      width: 18px;
     }
   }
 }

app/assets/stylesheets/admin.css.scss

@@ -6,7 +6,7 @@
     padding: 10px 20px;
 
     h2 {
-      margin: 5px 0;
+      margin: 5px 0 10px 0;
       font-size: 20px;
     }
 

app/assets/stylesheets/admin/_dashboard.css.scss

@@ -31,9 +31,7 @@
 
 <nav class="navbar navbar-inverse navbar-admin" ng-controller="nav">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/admin">
-      <%= image_tag 'logo.png', :height => 40 %>
-    </a>
+    <a class="navbar-brand" href="/admin" style="width: 140px;"></a>
   </div>
   <ul class="nav navbar-nav">
     <li ng-class="{active:item.active}" ng-repeat="item in navItems">