better information when not enough data on PlayerSideInfo

This commit is contained in:
2021-11-22 11:08:17 +01:00
parent 4154b988fe
commit 6f6834e7ea
2 changed files with 27 additions and 2 deletions

View File

@@ -52,6 +52,16 @@
</ul>
</div>
<div v-else-if="props.player_meta.most_mates && props.player_meta.most_mates[0].total === 1" class="side-info-box best-mate">
<div class="heading">
<h5>Best Mate <span class="text-muted">(by winrate)</span></h5>
</div>
<hr>
<ul class="list-unstyled placeholder-glow">
<li class="col-11">Not enough Data</li>
</ul>
</div>
<div v-else class="side-info-box best-mate">
<div class="heading">
<h5>Best Mate <span class="text-muted">(by winrate)</span></h5>
@@ -116,6 +126,16 @@
</ul>
</div>
<div v-else-if="props.player_meta.total_maps && !props.player_meta.win_maps" class="side-info-box best-map">
<div class="heading">
<h5>Best Map <span class="text-muted">(by winrate)</span></h5>
</div>
<hr>
<ul class="list-unstyled placeholder-glow">
<li class="col-11">Not enough Data</li>
</ul>
</div>
<div v-else class="side-info-box best-map">
<div class="heading">
<h5>Best Map <span class="text-muted">(by winrate)</span></h5>
@@ -235,6 +255,10 @@ export default {
border-radius: 5px;
}
ol, ul, dl {
margin-bottom: 0;
}
.best-mate,
.preferred-weapons,
.most-played-with,
@@ -262,7 +286,7 @@ export default {
line-height: 25px;
font-size: .9rem;
padding: 0 10px;
margin: 5px 0;
margin: 10px 0;
cursor: pointer;
display: flex;