Improve profitpill layout

This commit is contained in:
Matthias 2021-09-04 17:06:35 +02:00
parent 532a2ab71d
commit 483710c279
2 changed files with 4 additions and 6 deletions

View File

@ -3,7 +3,6 @@
ref="tradesTable"
small
hover
stacked="md"
show-empty
primary-key="botId"
:items="tableItems"

View File

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