You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airavata.apache.org by aa...@apache.org on 2020/06/09 18:15:06 UTC

[airavata-mft-portal] 22/23: code refactoring

This is an automated email from the ASF dual-hosted git repository.

aarushi pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/airavata-mft-portal.git

commit 461df4e5aff54929ea8a1356fc814283a8fdd551
Author: Aarushi Bisht <aa...@gmail.com>
AuthorDate: Mon Apr 27 03:47:28 2020 -0400

    code refactoring
---
 .../static/airavata_mft_workspace/js/containers/Storage.vue         | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/airavata_mft/apps/workspace/static/airavata_mft_workspace/js/containers/Storage.vue b/airavata_mft/apps/workspace/static/airavata_mft_workspace/js/containers/Storage.vue
index ac0e1e2..8a5ba87 100644
--- a/airavata_mft/apps/workspace/static/airavata_mft_workspace/js/containers/Storage.vue
+++ b/airavata_mft/apps/workspace/static/airavata_mft_workspace/js/containers/Storage.vue
@@ -60,8 +60,8 @@
                 <td>
                   <div class="progress storage-progress">
                       <!-- TODO: storage value should be picked from storage.occupied -->
-                      <div class="progress-bar red-bar" role="progressbar" style="width: 30%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
-                      <div class="progress-bar green-bar" role="progressbar" style="width: 70%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
+                      <div class="progress-bar red-bar" role="progressbar" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
+                      <div class="progress-bar green-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                   </div>
                 </td>
                 <td>{{storage.lastModified}}</td>
@@ -115,9 +115,11 @@ export default {
     }
     .green-bar{
         background-color: #50c878;
+        width: 70%;
     }
     .red-bar{
         background-color: #cd5c5c;
+        width: 30%;
     }
     .storage-progress{
         width: 20%;