layout improvements

This commit is contained in:
Tako 2023-05-31 10:32:36 +00:00
parent 30ed397701
commit aa6fb5c6f8
2 changed files with 19 additions and 19 deletions

View File

@ -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),

View File

@ -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"