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: some small ui bugs

Browse source
This commit is contained in:
Valentin Kaelin 2019-11-25 19:14:53 +01:00
parent d016887eeb
commit 4565eece17
4 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/src/components/Match/DetailedMatchGlobalStats.vue
View file

@ -32,14 +32,14 @@
<div <div
:class="textColor" :class="textColor"
class="text-base font-semibold" class="text-base font-semibold"
>{{ +(team.teamStats.gold / 1000).toFixed(2) + 'k' }}</div> >{{ +(team.teamStats.gold / 1000).toFixed(1) + 'k' }}</div>
<div class="text-white text-xs">gold</div> <div class="text-white text-xs">gold</div>
</div> </div>
<div :class="allyTeam ? 'ml-3' : 'mr-3'"> <div :class="allyTeam ? 'ml-3' : 'mr-3'">
<div <div
:class="textColor" :class="textColor"
class="text-base font-semibold" class="text-base font-semibold"
>{{ +(team.teamStats.dmgChamp / 1000).toFixed(2) + 'k' }}</div> >{{ +(team.teamStats.dmgChamp / 1000).toFixed(1) + 'k' }}</div>
<div class="text-white text-xs">dmg</div> <div class="text-white text-xs">dmg</div>
</div> </div>
<div :class="allyTeam ? 'ml-3' : 'mr-3'" class="flex flex-col justify-end"> <div :class="allyTeam ? 'ml-3' : 'mr-3'" class="flex flex-col justify-end">

2
client/src/components/Match/DetailedMatchTeam.vue
View file

@ -198,7 +198,7 @@ export default {
return { return {
backgroundColor: `rgba(${rgb}, ${opacity})`, backgroundColor: `rgba(${rgb}, ${opacity})`,
boxShadow: value === biggestValue ? '#abb4d0 0px 0px 0px 2px inset' : '' boxShadow: value === biggestValue && value !== 0 ? '#abb4d0 0px 0px 0px 2px inset' : ''
} }
}, },
displayBorderbottom(index) { displayBorderbottom(index) {

2
client/src/components/Summoner/SummonerChampions.vue
View file

@ -47,7 +47,7 @@
<div class="ml-2 w-champion flex items-center"> <div class="ml-2 w-champion flex items-center">
<div <div
:style="{backgroundImage: `url('https://ddragon.leagueoflegends.com/cdn/${version}/img/champion/${champion._id}.png')`}" :style="{backgroundImage: `url('https://ddragon.leagueoflegends.com/cdn/${version}/img/champion/${champion._id}.png')`}"
class="w-8 h-8 bg-center bg-cover rounded-full flex-shrink-0" class="w-8 h-8 bg-center bg-cover bg-blue-1000 rounded-full flex-shrink-0"
></div> ></div>
<div class="mx-1 truncate">{{ champion.champion }}</div> <div class="mx-1 truncate">{{ champion.champion }}</div>
</div> </div>

4
client/src/components/SwitchToggle.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="switch relative z-10 text-teal-400 text-sm select-none"> <div class="switch relative z-10 text-teal-400 text-sm select-none leading-tight">
<input <input
v-model="selected" v-model="selected"
id="toggle-on" id="toggle-on"
@ -59,7 +59,7 @@ export default {
<style scoped> <style scoped>
.switch label { .switch label {
min-width: 50px; min-width: 45px;
} }
.selected-label { .selected-label {