Improve "settings" box

This commit is contained in:
Matthias 2023-06-11 13:07:15 +02:00
parent e98701b99e
commit 1842d89284
2 changed files with 23 additions and 22 deletions

View File

@ -1,16 +1,22 @@
<template>
<div class="w-100 d-flex">
<b-form-select id="exchange-select" v-model="exchangeModel.exchange" :options="exchangeList">
<b-form-select
id="exchange-select"
v-model="exchangeModel.exchange"
size="sm"
:options="exchangeList"
>
</b-form-select>
<b-form-select
id="tradeMode-select"
v-model="exchangeModel.trade_mode"
size="sm"
:options="tradeModes"
:disabled="tradeModes.length < 2"
>
</b-form-select>
<div class="ms-2">
<b-button @click="botStore.activeBot.getExchangeList">
<b-button size="sm" @click="botStore.activeBot.getExchangeList">
<i-mdi-refresh />
</b-button>
</div>

View File

@ -26,20 +26,21 @@
</b-list-group>
<div class="d-flex flex-column flex-fill">
<PairlistConfigActions />
<div class="border rounded-1 p-2 mb-2">
<div class="d-flex align-items-center gap-2 my-2">
<span class="col-auto">Stake currency: </span>
<b-form-input v-model="pairlistStore.stakeCurrency" size="sm" />
</div>
<div class="d-flex align-items-center gap-2 my-2">
<span class="col-auto">Stake currency: </span>
<b-form-input v-model="pairlistStore.stakeCurrency" size="sm" />
</div>
<div class="mb-2">
<b-form-checkbox v-model="pairlistStore.customExchange" class="mb-2"
>Custom Exchange</b-form-checkbox
>
<exchange-select
v-if="pairlistStore.customExchange"
v-model="pairlistStore.selectedExchange"
/>
<div class="mb-2 border rounded-1 p-2 text-start">
<b-form-checkbox v-model="pairlistStore.customExchange" class="mb-2">
Custom Exchange
</b-form-checkbox>
<exchange-select
v-if="pairlistStore.customExchange"
v-model="pairlistStore.selectedExchange"
/>
</div>
</div>
<PairlistConfigBlacklist />
<b-alert
@ -53,7 +54,7 @@
</b-alert>
<div
ref="pairlistConfigsEl"
class="d-flex flex-column flex-grow-1 position-relative"
class="d-flex flex-column flex-grow-1 position-relative border rounded-1 p-1"
:class="{ empty: configEmpty }"
>
<PairlistConfigItem
@ -188,12 +189,6 @@ watch(
}
.empty {
border: 3px dashed rgba(255, 255, 255, 0.65);
[data-bs-theme='light'] & {
border: 3px dashed rgba(0, 0, 0, 0.5);
}
&:after {
content: 'Drag pairlist here';
position: absolute;