new svg rank and map icons 🌠

src/views/Player.vue

@@ -107,13 +107,13 @@
             @click="GoToMatch(match.match_id)">
           <td class="td-map text-center">
             <img :alt="match.map ? match.map : 'Map not found'"
-                 :src="mapImg.includes(match.map) ? require('@/images/maps/' + match.map + '.png') : require('@/images/maps/not_found.png')"
+                 :src="require('@/images/map_icons/map_icon_' + match.map + '.svg')"
                  :title="match.map"
                  class="map-icon">
           </td>
           <td class="td-rank text-center">
             <img
-                :src="match.stats[0].extended?.rank?.new ? require('@/images/ranks/' + match.stats[0].extended?.rank?.new + '.png') : require('@/images/ranks/0.png')"
+                :src="match.stats[0].extended?.rank?.new ? require('@/images/rank_icons/skillgroup' + match.stats[0].extended?.rank?.new + '.svg') : require('@/images/rank_icons/skillgroup0.svg')"
                 alt="Rank icon"
                 class="rank-icon">
           </td>
@@ -195,9 +195,6 @@ export default {
   setup(props) {
     const store = useStore()
 
-    // Vars
-    const mapImg = ['de_inferno', 'de_mirage', 'de_overpass']
-
     const wl = reactive({
       win: 132,
       loss: 102
@@ -278,7 +275,6 @@ export default {
     return {
       data,
       store,
-      mapImg,
       wl,
       props,
       GetUser,
@@ -358,11 +354,6 @@ table {
     .td-map img {
       width: 60px;
       height: auto;
-      max-height: 60px;
-
-      .map-icon {
-        height: 75px;
-      }
     }
 
     .td-rank img {
@@ -412,14 +403,24 @@ table {
     }
   }
   .td-map img {
-    width: 40px;
+    width: 40px !important;
     height: auto;
-    max-height: 40px;
   }
   .td-rank img {
-    width: 60px !important;
+    width: 50px !important;
     height: auto;
+    max-width: 50px;
   }
+
+  .td-score {
+    font-size: 1rem !important;
+    max-width: 90px;
+  }
+
+  .td-date {
+    font-size: 1rem !important;
+  }
+
   .kills, .deaths, .assists, .kdiff, .adr, .duration, .hltv,
   .td-kills, .td-deaths, .td-assists, .td-plus, .td-adr, .td-duration, .td-hltv {
     display: none;