From 96a6b822b4941d68fa35b06b869dda186f02f36c Mon Sep 17 00:00:00 2001 From: vikingowl Date: Sat, 23 Oct 2021 03:49:22 +0200 Subject: [PATCH] added new icons --- src/assets/images/icons/ct_char_bg.svg | 16459 ++++++++++++++++++ src/assets/images/icons/ct_logo_1c.svg | 118 + src/assets/images/icons/hostage_transit.svg | 47 + src/assets/images/icons/t_char_bg.svg | 83 + src/assets/images/icons/t_logo_1c.svg | 76 + src/assets/images/icons/timer_both.svg | 17 + src/assets/images/icons/timer_long.svg | 16 + src/assets/images/icons/timer_short.svg | 16 + src/components/ScoreTeamPlayer.vue | 16 +- src/views/Match.vue | 30 +- src/views/Player.vue | 12 +- 11 files changed, 16868 insertions(+), 22 deletions(-) create mode 100644 src/assets/images/icons/ct_char_bg.svg create mode 100644 src/assets/images/icons/ct_logo_1c.svg create mode 100644 src/assets/images/icons/hostage_transit.svg create mode 100644 src/assets/images/icons/t_char_bg.svg create mode 100644 src/assets/images/icons/t_logo_1c.svg create mode 100644 src/assets/images/icons/timer_both.svg create mode 100644 src/assets/images/icons/timer_long.svg create mode 100644 src/assets/images/icons/timer_short.svg diff --git a/src/assets/images/icons/ct_char_bg.svg b/src/assets/images/icons/ct_char_bg.svg new file mode 100644 index 0000000..18ae8ff --- /dev/null +++ b/src/assets/images/icons/ct_char_bg.svg @@ -0,0 +1,16459 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + speaking on and off map + player icons + selected and view + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/ct_logo_1c.svg b/src/assets/images/icons/ct_logo_1c.svg new file mode 100644 index 0000000..c7817c8 --- /dev/null +++ b/src/assets/images/icons/ct_logo_1c.svg @@ -0,0 +1,118 @@ + + + + + + + + + + + diff --git a/src/assets/images/icons/hostage_transit.svg b/src/assets/images/icons/hostage_transit.svg new file mode 100644 index 0000000..5079cc3 --- /dev/null +++ b/src/assets/images/icons/hostage_transit.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/t_char_bg.svg b/src/assets/images/icons/t_char_bg.svg new file mode 100644 index 0000000..810b467 --- /dev/null +++ b/src/assets/images/icons/t_char_bg.svg @@ -0,0 +1,83 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/t_logo_1c.svg b/src/assets/images/icons/t_logo_1c.svg new file mode 100644 index 0000000..f412855 --- /dev/null +++ b/src/assets/images/icons/t_logo_1c.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/timer_both.svg b/src/assets/images/icons/timer_both.svg new file mode 100644 index 0000000..4d5ea3f --- /dev/null +++ b/src/assets/images/icons/timer_both.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/timer_long.svg b/src/assets/images/icons/timer_long.svg new file mode 100644 index 0000000..23541eb --- /dev/null +++ b/src/assets/images/icons/timer_long.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/timer_short.svg b/src/assets/images/icons/timer_short.svg new file mode 100644 index 0000000..f1f376e --- /dev/null +++ b/src/assets/images/icons/timer_short.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/components/ScoreTeamPlayer.vue b/src/components/ScoreTeamPlayer.vue index c3c0b53..32347eb 100644 --- a/src/components/ScoreTeamPlayer.vue +++ b/src/components/ScoreTeamPlayer.vue @@ -19,12 +19,12 @@ {{ props.name }} - + + :title="DisplayRank(props.rank)[1]"> + {{ props.kills }} @@ -266,8 +266,14 @@ export default { } } -.player__rank { - width: 60px; +.player__rank, +.rank-placeholder { + width: 100px; + + img { + width: 60px; + height: auto; + } } .player__kills, .player__assist, .player__deaths, .player__kdiff, .player__mvp { diff --git a/src/views/Match.vue b/src/views/Match.vue index 52d8eb4..551d629 100644 --- a/src/views/Match.vue +++ b/src/views/Match.vue @@ -7,8 +7,8 @@

{{ data.score[0] }}

- CT logo - T logo + CT logo + T logo
@@ -22,8 +22,8 @@

{{ data.score[1] }}

- T logo - CT logo + T logo + CT logo
@@ -37,16 +37,20 @@ {{ FormatFullDate(data.matchDetails.date) }}

- - {{ data.matchDetails.max_rounds === 16 ? 'Short' : 'Long' }} - - Average Rank: Match length + Match length + — + - - Demo + — + + +

@@ -317,11 +321,11 @@ export default { .text { .rank-icon { width: 60px; - margin-right: 3px; } - .fas { - margin: 0 .5rem + .match-len { + width: 20px; + height: 20px; } a { diff --git a/src/views/Player.vue b/src/views/Player.vue index 4c6735c..19d6895 100644 --- a/src/views/Player.vue +++ b/src/views/Player.vue @@ -122,7 +122,7 @@ Map Rank - + Match length Score K @@ -157,9 +157,8 @@ class="rank-icon"> - - + Match long + Match short @@ -637,6 +636,11 @@ table { padding-left: 3rem; } + .match-len { + width: 18px; + height: 18px; + } + .td-map { position: relative; padding-left: 3rem;