HelloWorld.vue in fitting-2.15.0

- old
+ new

@@ -42,13 +42,18 @@
                 <router-link
                     :to="{ path: 'action', query: { prefix: prefix_details.name, method: action_details.method, path: action_details.path }}">
                   <div class="method">{{ action_details.method }}</div>
                   <div class="path">{{ action_details.path }}</div>
                   <div v-for="responses_details in action_details.responses.responses_details">
-                    <div class="responses_details">{{ responses_details.combinations.cover_percent }}
+                    <div v-if="responses_details.combinations.cover_percent == '100%'" class="response_good">
+                      {{ responses_details.combinations.cover_percent }}
                       {{ responses_details.method }}
                     </div>
+                    <div v-else class="response_bad">
+                      {{ responses_details.combinations.cover_percent }}
+                      {{ responses_details.method }}
+                    </div>
                   </div>
                 </router-link>
               </div>
             </div>
 
@@ -141,13 +146,21 @@
   height: 20px;
   text-align: left;
   padding: 0px 8px;
 }
 
-.responses_details {
-    float: left;
-    text-align: left;
-    padding: 0px 2px;
+.response_good {
+  float: left;
+  text-align: left;
+  padding: 0px 2px;
+  color: #42b983;
+}
+
+.response_bad {
+  float: left;
+  text-align: left;
+  padding: 0px 2px;
+  color: #b94283;
 }
 
 .action:hover {
   background-color: #2b2b2b;
 }