mirror of
https://github.com/freqtrade/frequi.git
synced 2024-11-26 13:05:15 +00:00
layout improvements
This commit is contained in:
parent
30ed397701
commit
aa6fb5c6f8
|
@ -1,28 +1,28 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div v-if="whitelist.length > 0" class="d-flex flex-column flex-lg-row px-2">
|
<div v-if="whitelist.length > 0" class="d-flex flex-column flex-lg-row px-2">
|
||||||
<div class="col-12 col-md-2">
|
<!-- TODO: look into flexbox solution to have overflow scroll? -->
|
||||||
<b-list-group>
|
<b-list-group class="col-12 col-md-2 overflow-auto" style="height: calc(100vh - 135px)">
|
||||||
<b-list-group-item
|
<b-list-group-item
|
||||||
v-for="(pair, i) in whitelist"
|
v-for="(pair, i) in whitelist"
|
||||||
:key="pair.pair"
|
:key="pair.pair"
|
||||||
button
|
button
|
||||||
class="d-flex justify-content-between align-items-center py-1"
|
class="d-flex justify-content-between align-items-center py-1"
|
||||||
:active="pair.pair === botStore.activeBot.selectedPair"
|
:active="pair.pair === botStore.activeBot.selectedPair"
|
||||||
:title="pair.pair"
|
:title="pair.pair"
|
||||||
@click="botStore.activeBot.selectedPair = pair.pair"
|
@click="botStore.activeBot.selectedPair = pair.pair"
|
||||||
>
|
>
|
||||||
<b-form-checkbox v-model="whitelist[i].enabled"></b-form-checkbox>
|
<b-form-checkbox v-model="whitelist[i].enabled"></b-form-checkbox>
|
||||||
{{ pair.pair }}
|
{{ pair.pair }}
|
||||||
</b-list-group-item>
|
</b-list-group-item>
|
||||||
</b-list-group>
|
</b-list-group>
|
||||||
</div>
|
|
||||||
<div class="flex-fill">
|
<div class="flex-fill">
|
||||||
<!-- TODO: fix layout issues -->
|
|
||||||
<ChartView />
|
<ChartView />
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-md-2">
|
<div class="col-12 col-md-2">
|
||||||
<CopyableTextfield
|
<CopyableTextfield
|
||||||
|
style="height: calc(100vh - 135px)"
|
||||||
|
class="overflow-auto"
|
||||||
:content="
|
:content="
|
||||||
JSON.stringify(
|
JSON.stringify(
|
||||||
whitelist.filter((p) => p.enabled === true).map((p) => p.pair),
|
whitelist.filter((p) => p.enabled === true).map((p) => p.pair),
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
</b-button>
|
</b-button>
|
||||||
</b-list-group-item>
|
</b-list-group-item>
|
||||||
</b-list-group>
|
</b-list-group>
|
||||||
<div class="flex-fill">
|
<div class="d-flex flex-column flex-fill">
|
||||||
<PairlistConfigActions />
|
<PairlistConfigActions />
|
||||||
<PairlistConfigBlacklist />
|
<PairlistConfigBlacklist />
|
||||||
<b-alert
|
<b-alert
|
||||||
|
@ -36,7 +36,7 @@
|
||||||
First entry in the pairlist must be a Generating pairlist, like StaticPairList or
|
First entry in the pairlist must be a Generating pairlist, like StaticPairList or
|
||||||
VolumePairList.
|
VolumePairList.
|
||||||
</b-alert>
|
</b-alert>
|
||||||
<div ref="pairlistConfigsEl" class="h-100">
|
<div ref="pairlistConfigsEl" class="flex-grow-1">
|
||||||
<PairlistConfigItem
|
<PairlistConfigItem
|
||||||
v-for="(pairlist, i) in pairlistsComp"
|
v-for="(pairlist, i) in pairlistsComp"
|
||||||
:key="pairlist.id"
|
:key="pairlist.id"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user