updated logo

frontend/src/views/layout/components/Sidebar/index.vue

@@ -1,5 +1,8 @@
 <template>
   <el-scrollbar wrap-class="scrollbar-wrapper">
+    <div class="sidebar-logo" :class="isCollapse ? 'collapsed' : ''">
+      <span>C</span><span v-show="!isCollapse">rawlab</span>
+    </div>
     <el-menu
       :show-timeout="200"
       :default-active="routeLevel1"
@@ -36,7 +39,6 @@ export default {
       return this.$router.options.routes.filter(d => {
         const role = this.$store.getters['user/userInfo'].role
         if (role === 'admin') return true
-        console.log(role)
         return !this.adminPaths.includes(d.path)
       })
     },
@@ -49,3 +51,26 @@ export default {
   }
 }
 </script>
+
+<style>
+  #app .sidebar-container .el-menu {
+    height: calc(100% - 50px);
+  }
+
+  .sidebar-container .sidebar-logo {
+    height: 50px;
+    display: flex;
+    /*justify-content: center;*/
+    align-items: center;
+    padding-left: 20px;
+    color: #fff;
+    background: rgb(48, 65, 86);
+    font-size: 24px;
+    font-weight: 600;
+    font-family: "Verdana", serif;
+  }
+
+  .sidebar-container .sidebar-logo.collapsed {
+    padding-left: 8px;
+  }
+</style>

frontend/src/views/login/index.vue

@@ -4,7 +4,7 @@
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on"
              label-position="left">
       <h3 class="title">
-        Crawlab
+        CRAWLAB
       </h3>
       <el-form-item prop="username" style="margin-bottom: 28px;">
         <el-input
@@ -367,11 +367,13 @@ const initCanvas = () => {
     }
 
     .title {
+      font-family: "Verdana", serif;
+      font-style: italic;
+      font-weight: 600;
       font-size: 32px;
-      color: #666;
+      /*color: ;*/
       margin: 0px auto 20px auto;
       text-align: center;
-      font-weight: bolder;
     }
 
     .show-pwd {