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" ref="tradesTable"
small small
hover hover
stacked="md"
show-empty show-empty
primary-key="botId" primary-key="botId"
:items="tableItems" :items="tableItems"

View File

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