Doble/LeagueStats
1
0
Fork 0
mirror of https://github.com/vkaelin/LeagueStats.git synced 2026-03-25 12:57:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: small tweaks to keep the design consistent

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client/src/components/Match/DetailedMatchTeam.vue
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-kda">A</th>
<th <th
class="px-2 py-5 text-sm font-medium w-minions" class="px-2 py-5 text-sm font-medium w-minions"
>{{ statsFormat === 'stats' ? 'cs' : 'cs/m' }}</th> >{{ statsFormat === 'stats' ? 'Cs' : 'Cs/m' }}</th>
<th <th
class="px-2 py-5 text-sm font-medium w-vision" class="px-2 py-5 text-sm font-medium w-vision"
>{{ statsFormat === 'stats' ? 'vs' : 'vs/m' }}</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">Gold</th>
<th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp"> <th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">
dmg Dmg
<br />champ <br />champ
</th> </th>
<th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp"> <th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">
dmg Dmg
<br />obj <br />obj
</th> </th>
<th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp"> <th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">
dmg Dmg
<br />taken <br />taken
</th> </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> </tr>
</thead> </thead>
<tbody :class="{'border-b border-blue-700': allyTeam}" class="leading-none"> <tbody :class="{'border-b border-blue-700': allyTeam}" class="leading-none">

8
client/src/components/Summoner/Overview/SummonerChampions.vue
View file

@ -53,10 +53,10 @@
<div class="mx-1 truncate">{{ champion.champion.name }}</div> <div class="mx-1 truncate">{{ champion.champion.name }}</div>
</div> </div>
<div class="w-plays"> <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 <div
:style="{width: widthBar(champion.count, mostPlayed)}" :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> </div>
<div class="w-winrate"> <div class="w-winrate">
@ -68,11 +68,11 @@
</div> </div>
<div class="w-kda"> <div class="w-kda">
<div <div
class="text-xs text-purple-400" class="text-xs text-blue-400"
>{{ kda(champion.kills, champion.deaths, champion.assists) }}</div> >{{ kda(champion.kills, champion.deaths, champion.assists) }}</div>
<div <div
:style="{width: widthBar(kda(champion.kills, champion.deaths, champion.assists), bestKda)}" :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>
</div> </div>
</li> </li>

6
client/src/components/Summoner/Overview/SummonerMates.vue
View file

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