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

fix(champions): prevent full kda text from wrapping

Browse source
This commit is contained in:
Valentin Kaelin 2020-09-26 21:45:46 +02:00
parent e6e8716ff1
commit d1323307fb
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client/src/components/Summoner/Champions/ChampionsTable.vue
View file

@ -13,7 +13,9 @@
@click="sortBy(heading.props)" @click="sortBy(heading.props)"
v-html="heading.name" v-html="heading.name"
:class="[ :class="[
{'rounded-tr-lg': index === headings.length - 1, 'w-name': heading.name === 'Name'}, {'rounded-tr-lg': index === headings.length - 1,
'w-name': heading.name === 'Name',
'w-kda': heading.name === 'KDA'},
sortedClasses(heading.props) sortedClasses(heading.props)
]" ]"
class="relative px-2 py-4 font-normal cursor-pointer hover:bg-blue-700" class="relative px-2 py-4 font-normal cursor-pointer hover:bg-blue-700"
@ -57,7 +59,7 @@
>{{ champion.count }}</td> >{{ champion.count }}</td>
<td :style="bgColor(champion, 'kda')" class="px-2 py-3 text-sm text-white"> <td :style="bgColor(champion, 'kda')" class="px-2 py-3 text-sm text-white">
<div>{{ champion.kda|round }}</div> <div>{{ champion.kda|round }}</div>
<div class="mt-1 text-blue-200 text-xxs"> <div class="mt-1 text-blue-200 whitespace-no-wrap text-xxs">
{{ champion.kills/champion.count|round(1) }} {{ champion.kills/champion.count|round(1) }}
/ /
{{ champion.deaths/champion.count|round(1) }} {{ champion.deaths/champion.count|round(1) }}
@ -344,4 +346,8 @@ export default {
.w-name { .w-name {
width: 135px; width: 135px;
} }
.w-kda {
width: 90px;
}
</style> </style>