smaller buttons in trades view

This commit is contained in:
Matthias 2020-09-12 16:39:52 +02:00
parent aeae12ff9d
commit 121709ad46

View File

@ -18,8 +18,15 @@
@row-selected="onRowSelected" @row-selected="onRowSelected"
> >
<template v-slot:cell(actions)="row"> <template v-slot:cell(actions)="row">
<b-button size="sm" title="Forcesell" @click="forcesellHandler(row.item)"> FS </b-button> <b-button class="btn-xs" size="sm" title="Forcesell" @click="forcesellHandler(row.item)">
<b-button size="sm" title="Delete trade" @click="removeTradeHandler(row.item)"> FS
</b-button>
<b-button
class="btn-xs"
size="sm"
title="Delete trade"
@click="removeTradeHandler(row.item)"
>
RM RM
</b-button> </b-button>
</template> </template>
@ -175,10 +182,7 @@ export default class TradeList extends Vue {
} }
onRowSelected() { onRowSelected() {
// console.log('onRowSelected1');
// console.log(items);
if (this.detailTradeId) { if (this.detailTradeId) {
// console.log('onRowSelected2');
const itemIndex = this.trades.findIndex((v) => v.trade_id === this.detailTradeId); const itemIndex = this.trades.findIndex((v) => v.trade_id === this.detailTradeId);
if (itemIndex >= 0) { if (itemIndex >= 0) {
this.$refs.tradesTable.selectRow(itemIndex); this.$refs.tradesTable.selectRow(itemIndex);
@ -198,4 +202,8 @@ export default class TradeList extends Vue {
.table-sm { .table-sm {
font-size: $fontsize-small; font-size: $fontsize-small;
} }
.btn-xs {
padding: 0.1rem 0.25rem;
font-size: 0.75rem;
}
</style> </style>