update css

src/components/common/header.vue

 <template>
     <div class="header">
-        后台管理系统
+        <div class="logo">后台管理系统</div>
         <div class="user-info">
             <el-dropdown trigger="click" @command="handleCommand">
                 <span class="el-dropdown-link">
@@ -38,7 +38,7 @@
     .header {
         position: relative;
         box-sizing: border-box;
-        padding-left: 50px;
+        /*padding-left: 50px;*/
         width: 100%;
         height: 70px;
         font-size: 22px;
@@ -46,7 +46,12 @@
         color: #fff;
         background-color: #242f42;
     }
-
+    .header .logo{
+        float: left;
+        width:250px;
+        text-align: center;
+        background: #00ADF2;
+    }
     .user-info {
         float: right;
         padding-right: 50px;
@@ -57,7 +62,7 @@
         position: relative;
         display: inline-block;
         padding-left: 50px;
-        color: #fff;
+        color: #03A9F4;
         cursor: pointer;
         vertical-align: middle;
     }

src/components/common/sidebar.vue

@@ -37,7 +37,7 @@
     .sidebar{
         display: block;
         position: absolute;
-        width: 220px;
+        width: 250px;
         left: 0;
         top: 70px;
         bottom:0;

static/css/main.css

@@ -11,7 +11,7 @@ a{text-decoration: none}
 .content{
     background: none repeat scroll 0 0 #fff;
     position: absolute;
-    left: 220px;
+    left: 250px;
     right: 0;
     top: 70px;
     bottom:0;