added indication for uprank and downrank

2021-10-19 21:29:42 +02:00
parent 68146ce8b4
commit 88846d6998
1 changed files with 20 additions and 5 deletions
--- a/src/views/Player.vue
+++ b/src/views/Player.vue
@@ -140,6 +140,7 @@
                    :alt="DisplayRank(match.stats.rank?.new)[1]"
                    :src="DisplayRank(match.stats.rank?.new)[0]"
                    :title="DisplayRank(match.stats.rank?.new)[1]"
+                    :class="match.stats.rank?.new > match.stats.rank?.old ? 'uprank' : match.stats.rank?.new < match.stats.rank?.old ? 'downrank' : ''"
                    class="rank-icon">
              </td>
              <td class="td-length text-center">
@@ -591,12 +592,25 @@ table {
      }
    }

-    .td-rank img {
-      width: 70px;
-      height: auto;
+    .td-rank {
+      .uprank {
+        box-shadow: 0 0 20px greenyellow;
+        border: 1px solid greenyellow;
+        border-radius: 5px;
+      }
+      .downrank {
+        box-shadow: 0 0 20px #ff2f2f;
+        border: 1px solid #ff2f2f;
+        border-radius: 5px;
+      }

-      .rank-icon {
-        height: 35px;
+      img {
+        width: 70px;
+        height: auto;
+
+        .rank-icon {
+          height: 35px;
+        }
      }
    }

@@ -623,6 +637,7 @@ table {
      cursor: pointer;
    }
  }
+
 }

@media screen and (max-width: 768px) {