Improve styling of profitpill

This commit is contained in:
Matthias 2021-09-18 16:45:11 +02:00
parent f6505166fc
commit 85261f7e42

View File

@ -1,14 +1,14 @@
<template> <template>
<div <div
class="d-flex justify-content-center align-items-center profit-pill px-1" class="d-flex justify-content-center align-items-center profit-pill px-2"
:class="isProfitable ? 'profit-pill-profit' : ''" :class="isProfitable ? 'profit-pill-profit' : ''"
:title="profitDesc" :title="profitDesc"
> >
{{ formatPercent(profitRatio, 2) }} {{ profitRatio ? formatPercent(profitRatio, 2) : '' }}
<small class="ml-1" :title="stakeCurrency"> <span class="ml-1" :class="profitRatio ? 'small' : ''" :title="stakeCurrency">
{{ profitRatio ? '(' : '' }}{{ `${formatPrice(profitAbs, 3)}` {{ profitRatio ? '(' : '' }}{{ `${formatPrice(profitAbs, 3)}`
}}{{ profitRatio ? ')' : ` ${stakeCurrency}` }} }}{{ profitRatio ? ')' : ` ${stakeCurrency}` }}
</small> </span>
</div> </div>
</template> </template>