lychiyu/frequi_origin
1
0
Fork 0
mirror of https://github.com/freqtrade/frequi.git synced 2024-11-14 04:03:51 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Small style adjustments, improving mobile style

Browse Source
This commit is contained in:
Matthias 2021-12-31 16:28:34 +01:00
parent 92e8b9f51a
commit 514c8da51a
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ftbot/CustomTradeList.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div class="h-100 overflow-auto w-100 p-1"> <div class="h-100 overflow-auto p-1">
<b-list-group> <b-list-group id="tradeList">
<b-list-group-item <b-list-group-item
v-for="trade in filteredTrades" v-for="trade in filteredTrades"
:key="trade.trade_id" :key="trade.trade_id"
class="border border-secondary rounded my-05 px-2" class="border border-secondary rounded my-05 px-1"
@click="tradeClick(trade)" @click="tradeClick(trade)"
> >
<CustomTradeListEntry :trade="trade" :stake-currency-decimals="stakeCurrencyDecimals" /> <CustomTradeListEntry :trade="trade" :stake-currency-decimals="stakeCurrencyDecimals" />
@ -13,13 +13,13 @@
<span v-if="trades.length == 0" class="mt-5">{{ emptyText }}</span> <span v-if="trades.length == 0" class="mt-5">{{ emptyText }}</span>
<div class="w-100 d-flex justify-content-between"> <div class="w-100 d-flex justify-content-between mt-1">
<b-pagination <b-pagination
v-if="!activeTrades" v-if="!activeTrades"
v-model="currentPage" v-model="currentPage"
:total-rows="rows" :total-rows="rows"
:per-page="perPage" :per-page="perPage"
aria-controls="my-table" aria-controls="tradeList"
></b-pagination> ></b-pagination>
<b-input <b-input
v-if="showFilter" v-if="showFilter"

2
src/components/ftbot/CustomTradeListEntry.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="d-flex"> <div class="d-flex">
<div <div
class="col-7 px-1 d-flex flex-row flex-fill text-left justify-content-between align-items-center" class="px-1 d-flex flex-row flex-fill text-left justify-content-between align-items-center"
> >
<span> <span>
<span class="mr-1 font-weight-bold">{{ trade.pair }}</span> <span class="mr-1 font-weight-bold">{{ trade.pair }}</span>

2
src/components/layout/Body.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<main class="container-fluid container-main"> <main>
<BotAlerts /> <BotAlerts />
<router-view /> <router-view />
</main> </main>

2
src/views/TradesList.vue
View File

@ -51,7 +51,7 @@ const ftbot = namespace(StoreModules.ftbot);
BackIcon, BackIcon,
}, },
}) })
export default class Trading extends Vue { export default class TradesList extends Vue {
@Prop({ default: false }) history!: boolean; @Prop({ default: false }) history!: boolean;
@ftbot.Getter [BotStoreGetters.openTrades]!: Trade[]; @ftbot.Getter [BotStoreGetters.openTrades]!: Trade[];