layout improvements

This commit is contained in:
Tako 2023-07-20 11:41:53 +00:00
parent 6f1567c32e
commit 5fae07c1f4

View File

@ -12,11 +12,12 @@
v-for="(trade, i) in sortedTrades" v-for="(trade, i) in sortedTrades"
:key="trade.open_timestamp" :key="trade.open_timestamp"
button button
class="d-flex flex-wrap justify-content-between align-items-center py-1" class="d-flex flex-column py-1"
:title="`${trade.pair}`" :title="`${trade.pair}`"
:active="trade.open_timestamp === selectedTrade.open_timestamp" :active="trade.open_timestamp === selectedTrade.open_timestamp"
@click="onTradeSelect(trade)" @click="onTradeSelect(trade)"
> >
<div class="d-flex">
<div class="d-flex flex-column"> <div class="d-flex flex-column">
<div> <div>
<span v-if="botStore.activeBot.botState.trading_mode !== 'spot'">{{ <span v-if="botStore.activeBot.botState.trading_mode !== 'spot'">{{
@ -31,6 +32,7 @@
:stake-currency="botStore.activeBot.stakeCurrency" :stake-currency="botStore.activeBot.stakeCurrency"
/> />
</div> </div>
<div class="d-flex flex-fill justify-content-end">
<b-button <b-button
size="sm" size="sm"
variant="secondary-outline" variant="secondary-outline"
@ -38,6 +40,8 @@
><i-mdi-chevron-right v-if="!ordersVisible[i]" width="24" height="24" /> ><i-mdi-chevron-right v-if="!ordersVisible[i]" width="24" height="24" />
<i-mdi-chevron-down v-if="ordersVisible[i]" width="24" height="24" /> <i-mdi-chevron-down v-if="ordersVisible[i]" width="24" height="24" />
</b-button> </b-button>
</div>
</div>
<b-collapse v-model="ordersVisible[i]"> <b-collapse v-model="ordersVisible[i]">
<ul class="px-3 m-0"> <ul class="px-3 m-0">
<li <li