better config/results scroll

This commit is contained in:
Tako 2023-06-13 17:09:24 +00:00
parent e136127e4c
commit 93be009b74
2 changed files with 16 additions and 9 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="d-flex px-3 gap-3 flex-column flex-lg-row"> <div class="d-flex px-3 mb-3 gap-3 flex-column flex-lg-row">
<b-list-group ref="availablePairlistsEl" class="available-pairlists"> <b-list-group ref="availablePairlistsEl" class="available-pairlists">
<b-list-group-item <b-list-group-item
v-for="pairlist in availablePairlists" v-for="pairlist in availablePairlists"
@ -66,19 +66,26 @@
/> />
</div> </div>
</div> </div>
<div class="col-12 col-lg-3"> <div class="d-flex flex-column col-12 col-lg-3">
<b-form-radio-group v-model="selectedView" class="mb-2" size="sm" buttons> <b-form-radio-group v-model="selectedView" class="mb-2" size="sm" buttons>
<b-form-radio button value="Config"> Config</b-form-radio> <b-form-radio button value="Config"> Config</b-form-radio>
<b-form-radio button value="Results" :disabled="pairlistStore.whitelist.length === 0"> <b-form-radio button value="Results" :disabled="pairlistStore.whitelist.length === 0">
Results</b-form-radio Results</b-form-radio
> >
</b-form-radio-group> </b-form-radio-group>
<CopyableTextfield <div class="position-relative flex-fill overflow-auto">
v-if="selectedView === 'Config'" <CopyableTextfield
:content="pairlistStore.configJSON" v-if="selectedView === 'Config'"
:is-valid="pairlistStore.pairlistValid" class="position-absolute w-100"
/> :content="pairlistStore.configJSON"
<CopyableTextfield v-if="selectedView === 'Results'" :content="pairlistStore.whitelist" /> :is-valid="pairlistStore.pairlistValid"
/>
<CopyableTextfield
v-if="selectedView === 'Results'"
class="position-absolute w-100"
:content="pairlistStore.whitelist"
/>
</div>
</div> </div>
</div> </div>
</template> </template>

View File

@ -6,7 +6,7 @@
class="copy-button position-absolute end-0 mt-1 me-2" class="copy-button position-absolute end-0 mt-1 me-2"
@click="copy(content)" @click="copy(content)"
/> />
<pre class="text-start border p-1"><code>{{ content }}</code></pre> <pre class="text-start border p-1 mb-0"><code>{{ content }}</code></pre>
</div> </div>
</template> </template>