diff --git a/client/src/components/Match/DetailedMatchTeam.vue b/client/src/components/Match/DetailedMatchTeam.vue index e0d6c8a..02ff049 100644 --- a/client/src/components/Match/DetailedMatchTeam.vue +++ b/client/src/components/Match/DetailedMatchTeam.vue @@ -269,10 +269,18 @@ export default { const value = parseFloat(player.stats[stats]) const biggestValue = Math.max(...this.allPlayers.map(p => parseFloat(p.stats[stats])), 0) const opacity = (value / biggestValue).toFixed(2) + const biggestValueStyle = {} + if (value === biggestValue && value !== 0) { + biggestValueStyle.boxShadow = 'rgba(181, 160, 122, 0.5) 0px 0px 10px' + biggestValueStyle.border = '2px solid' + biggestValueStyle.borderImageSlice = '1' + biggestValueStyle.borderImageSource = 'linear-gradient(to top, #edb457, #f9e9ce)' + biggestValueStyle.borderCollapse = 'separate' + } return { backgroundColor: `rgba(${rgb}, ${opacity})`, - boxShadow: value === biggestValue && value !== 0 ? '#abb4d0 0px 0px 0px 2px inset' : '' + ...biggestValueStyle } }, displayBorderbottom(index) {