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>
<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' : ''"
:title="profitDesc"
>
{{ formatPercent(profitRatio, 2) }}
<small class="ml-1" :title="stakeCurrency">
{{ profitRatio ? formatPercent(profitRatio, 2) : '' }}
<span class="ml-1" :class="profitRatio ? 'small' : ''" :title="stakeCurrency">
{{ profitRatio ? '(' : '' }}{{ `${formatPrice(profitAbs, 3)}`
}}{{ profitRatio ? ')' : ` ${stakeCurrency}` }}
</small>
</span>
</div>
</template>