CSGOWTF/csgowtf
3
2
Fork 1
Code Issues 18 Pull Requests Projects Releases 7 Wiki Activity

added new icons

Browse Source
This commit is contained in:
vikingowl
2021-10-23 03:49:22 +02:00
parent c699ae2058
commit 96a6b822b4
11 changed files with 16868 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/Match.vue
View File

@@ -7,8 +7,8 @@
<div v-if="route.fullPath.split('/')[3] !== 'overview'" class="score-team-1">
<h1 :class="checkWin(1)">{{ data.score[0] }}</h1>
<div v-if="data.score[0]" class="team-1">
<img src="../assets/images/icons/ct_logo.svg" alt="CT logo">
<img src="../assets/images/icons/t_logo.svg" alt="T logo">
<img alt="CT logo" src="../assets/images/icons/ct_logo.svg">
<img alt="T logo" src="../assets/images/icons/t_logo.svg">
</div>
</div>
<div class="m-auto map">
@@ -22,8 +22,8 @@
<div v-if="route.fullPath.split('/')[3] !== 'overview'" class="score-team-2">
<h1 :class="checkWin(2)">{{ data.score[1] }}</h1>
<div v-if="data.score[1]" class="team-2">
<img src="../assets/images/icons/t_logo.svg" alt="T logo">
<img src="../assets/images/icons/ct_logo.svg" alt="CT logo">
<img alt="T logo" src="../assets/images/icons/t_logo.svg">
<img alt="CT logo" src="../assets/images/icons/ct_logo.svg">
</div>
</div>
</div>
@@ -37,16 +37,20 @@
<span class="text-white">{{ FormatFullDate(data.matchDetails.date) }}</span>
</p>
<p class="text-center fs-6">
<span class="text-muted"><i class="far fa-clock"></i></span>
{{ data.matchDetails.max_rounds === 16 ? 'Short' : 'Long' }}
<i class="fas fa-grip-lines-vertical"></i>
<span class="text-muted">Average Rank:</span> <img
<img v-if="data.matchDetails.max_rounds === 16" alt="Match length" class="match-len"
src="../assets/images/icons/timer_short.svg" title="Short-Match">
<img v-if="data.matchDetails.max_rounds === 30 || !data.matchDetails.max_rounds" alt="Match length" class="match-len"
src="../assets/images/icons/timer_long.svg" title="Long-Match">
<span v-if="data.matchDetails.parsed" class="text-muted px-2">—</span>
<img v-if="data.matchDetails.parsed"
:alt="DisplayRank(data.avgRank)[1]"
:src="DisplayRank(data.avgRank)[0]"
:title="DisplayRank(data.avgRank)[1]"
class="rank-icon"/>
<i v-if="data.matchDetails.replay_url" class="fas fa-grip-lines-vertical"></i>
<a v-if="data.matchDetails.replay_url" :href="data.matchDetails.replay_url" class="text-white">Demo</a>
<span v-if="data.matchDetails.replay_url" class="text-muted px-2">—</span>
<a v-if="data.matchDetails.replay_url" :href="data.matchDetails.replay_url" class="text-white">
<i class="fas fa-download"></i>
</a>
</p>
</div>
</div>
@@ -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 {