new svg rank and map icons 🌠

2021-10-07 00:20:10 +02:00
parent 53f317b7d8
commit 5f7944d248
117 changed files with 129861 additions and 24 deletions
--- a/src/components/ScoreTeamPlayer.vue
+++ b/src/components/ScoreTeamPlayer.vue
@@ -6,7 +6,7 @@
    {{ props.name }}
  </td>
  <td>
-    <img :src="props.rank ? require('@/images/ranks/' + props.rank + '.png') : require('@/images/ranks/0.png')"
+    <img :src="props.rank ? require('@/images/rank_icons/skillgroup' + props.rank + '.svg') : require('@/images/rank_icons/skillgroup0.svg')"
         alt="Player rank"
         class="player__rank">
  </td>
@@ -147,6 +147,10 @@ export default {
 .player__name {
  text-align: left;
  width: 150px;
+  max-width: 150px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }

 .player__rank {