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

added indication for uprank and downrank

Browse Source
This commit is contained in:
cnachtigall1991
2021-10-19 21:29:42 +02:00
parent 68146ce8b4
commit 88846d6998
1 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/Player.vue
View File

@@ -140,6 +140,7 @@
:alt="DisplayRank(match.stats.rank?.new)[1]" :alt="DisplayRank(match.stats.rank?.new)[1]"
:src="DisplayRank(match.stats.rank?.new)[0]" :src="DisplayRank(match.stats.rank?.new)[0]"
:title="DisplayRank(match.stats.rank?.new)[1]" :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"> class="rank-icon">
</td> </td>
<td class="td-length text-center"> <td class="td-length text-center">
@@ -591,12 +592,25 @@ table {
} }
} }
.td-rank img { .td-rank {
width: 70px; .uprank {
height: auto; 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 { img {
height: 35px; width: 70px;
height: auto;
.rank-icon {
height: 35px;
}
} }
} }
@@ -623,6 +637,7 @@ table {
cursor: pointer; cursor: pointer;
} }
} }
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {