refactor: small tweaks to keep the design consistent

This commit is contained in:
Valentin Kaelin 2020-08-22 18:51:23 +02:00
parent fd55779552
commit d1681a94f2
3 changed files with 14 additions and 14 deletions

View file

@ -31,24 +31,24 @@
<th class="px-2 py-5 text-sm font-medium w-kda">A</th>
<th
class="px-2 py-5 text-sm font-medium w-minions"
>{{ statsFormat === 'stats' ? 'cs' : 'cs/m' }}</th>
>{{ statsFormat === 'stats' ? 'Cs' : 'Cs/m' }}</th>
<th
class="px-2 py-5 text-sm font-medium w-vision"
>{{ statsFormat === 'stats' ? 'vs' : 'vs/m' }}</th>
<th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">gold</th>
>{{ statsFormat === 'stats' ? 'Vs' : 'Vs/m' }}</th>
<th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">Gold</th>
<th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">
dmg
Dmg
<br />champ
</th>
<th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">
dmg
Dmg
<br />obj
</th>
<th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">
dmg
Dmg
<br />taken
</th>
<th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">kp</th>
<th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">KP</th>
</tr>
</thead>
<tbody :class="{'border-b border-blue-700': allyTeam}" class="leading-none">

View file

@ -53,10 +53,10 @@
<div class="mx-1 truncate">{{ champion.champion.name }}</div>
</div>
<div class="w-plays">
<div class="text-xs text-blue-400">{{ champion.count }}</div>
<div class="text-xs text-purple-400">{{ champion.count }}</div>
<div
:style="{width: widthBar(champion.count, mostPlayed)}"
class="h-1 bg-blue-400 rounded-full mt-2px"
class="h-1 bg-purple-400 rounded-full mt-2px"
></div>
</div>
<div class="w-winrate">
@ -68,11 +68,11 @@
</div>
<div class="w-kda">
<div
class="text-xs text-purple-400"
class="text-xs text-blue-400"
>{{ kda(champion.kills, champion.deaths, champion.assists) }}</div>
<div
:style="{width: widthBar(kda(champion.kills, champion.deaths, champion.assists), bestKda)}"
class="h-1 bg-purple-400 rounded-full mt-2px"
class="h-1 bg-blue-400 rounded-full mt-2px"
></div>
</div>
</li>

View file

@ -11,9 +11,9 @@
</svg>
</div>
<div v-if="hasMates" class="px-4 py-2 text-sm text-left">
<div class="flex text-base font-bold text-blue-400">
<div class="w-2/4">Summoner</div>
<div class="w-1/4">W / L</div>
<div class="flex items-baseline text-xs font-semibold text-blue-300 uppercase">
<div class="w-2/4 text-base text-blue-400">Summoner</div>
<div class="w-1/4">Record</div>
<div class="w-1/4">Winrate</div>
</div>
<ul class="mt-1 text-gray-100">