refs #1035 Add refresh button for sidebar

src/renderer/components/TimelineSpace/Contents/SideBar.vue

@@ -3,6 +3,7 @@
     <div id="side_bar" v-if="openSideBar" v-shortkey="shortcutEnabled ? { close: ['esc'] } : {}" @shortkey="handleKey">
       <div class="header">
         <i class="el-icon-loading" v-show="loading"></i>
+        <i class="el-icon-refresh" @click="refresh"></i>
         <i class="el-icon-close" @click="close"></i>
       </div>
       <div id="sidebar_scrollable">
@@ -14,8 +15,8 @@
           :element-loading-text="$t('message.loading')"
           element-loading-spinner="el-icon-loading"
           :element-loading-background="backgroundColor"
-        v-else>
-      </div>
+          v-else
+        ></div>
       </div>
     </div>
   </transition>
@@ -63,6 +64,7 @@ export default {
     changeLoading(value) {
       this.loading = value
     },
+    refresh() {},
     handleKey(event) {
       switch (event.srcKey) {
         case 'close':
@@ -89,12 +91,17 @@ export default {
     border-top: solid 1px var(--theme-border-color);
     border-bottom: solid 1px var(--theme-border-color);
     text-align: right;
-    height: 30px;
+    height: 36px;
     box-sizing: border-box;
+    font-size: 18px;
 
     .el-icon-close {
       cursor: pointer;
     }
+
+    .el-icon-refresh {
+      cursor: pointer;
+    }
   }
 
   #sidebar_scrollable {
@@ -107,10 +114,12 @@ export default {
   }
 }
 
-.slide-detail-enter-active, .slide-detail-leave-active {
+.slide-detail-enter-active,
+.slide-detail-leave-active {
   transition: all 0.5s;
 }
-.slide-detail-enter, .slide-detail-leave-to {
+.slide-detail-enter,
+.slide-detail-leave-to {
   margin-right: -360px;
   opacity: 0;
 }