Improve styling of cstom-trade-entry

This commit is contained in:
Matthias 2021-12-25 13:49:04 +01:00
parent f8005f5542
commit 919c16a33a

View File

@ -1,10 +1,10 @@
<template> <template>
<div class="d-flex"> <div class="d-flex">
<div <div
class="col-8 px-1 d-flex flex-row flex-fill text-left justify-content-between align-items-center" class="col-7 px-1 d-flex flex-row flex-fill text-left justify-content-between align-items-center"
> >
<span> <span>
<span class="mr-2 font-weight-bold">{{ trade.pair }}</span> <span class="mr-1 font-weight-bold">{{ trade.pair }}</span>
<small class="text-secondary">(#{{ trade.trade_id }})</small> <small class="text-secondary">(#{{ trade.trade_id }})</small>
</span> </span>
<!-- <ValuePair description="Amount">{{ trade.amount }}</ValuePair> --> <!-- <ValuePair description="Amount">{{ trade.amount }}</ValuePair> -->
@ -24,7 +24,7 @@
><DateTimeTZ :date="trade.close_timestamp" ><DateTimeTZ :date="trade.close_timestamp"
/></ValuePair> /></ValuePair>
</div> </div>
<trade-profit class="col-4" :trade="trade" /> <trade-profit class="col-5" :trade="trade" />
</div> </div>
</template> </template>