'add github'

TroubleShooting/Agora-WebRTC-Troubleshooting/src/App.vue

@@ -3,6 +3,7 @@
     <!-- title bar -->
     <v-toolbar dark color="primary">
       <v-toolbar-title>{{text.toolbar_title}}</v-toolbar-title>
+       <a href="https://github.com/AgoraIO/Tools/tree/master/TroubleShooting/Agora-WebRTC-Troubleshooting" class="github"></a>
       <v-spacer></v-spacer>
       <v-btn v-on:click="switchLanguage" color="blue" :disabled="languageDisabled">
         {{text.language}}
@@ -73,7 +74,6 @@
                   :complete="item.complete || (currentTestSuite > item.id)"
                   :rules="[() => item.notError]">
                   {{t(item.label)}}
-                  <small v-if="!item.notError">{{item.extra}}</small>
                 </v-stepper-step>
               </v-stepper-header>
 
@@ -926,6 +926,41 @@ export default {
   height: 240px;
   margin: 0 auto;
 }
+.github { 
+  cursor: pointer;
+  background-repeat: no-repeat;
+  position: absolute;
+  background-image: url("./assets/github.png");
+  background-size: 50px;
+  display: block;
+  width: 50px;
+  height: 50px;
+  margin: 20px;
+  border-radius: 28px;
+  display: inline-block;
+  width: 50px !important;
+  height: 50px !important;
+  left: 250px;
+  /* top: 45%; */
+  z-index: 1999;
+  transform: translateY(-20px);
+  -webkit-box-reflect: below;
+  -webkit-box-reflect:below 3px -webkit-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5));
+ }
+
+.github::after {
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    border-radius: 50%;
+    box-shadow: inset 0 0 10px #fff06a, inset 4px 0 16px #f0f, inset -4px 0 16px #0ff, inset 4px 0 16px #f0f, inset -4px 0 16px #0ff, 0 0 10px #fff06a, -6px 0 36px #f0f, 6px 0 36px #0ff;
+    -webkit-animation: rotate 3s infinite linear;
+    animation: rotate 3s infinite linear;
+}
+
 .v-list__tile {
   min-height: 48px!important;
   height: auto!important;