Hide Input on small screens and match columns

This commit is contained in:
Jan Bader 2022-03-01 20:12:27 +00:00
parent 3dcb362372
commit d52e5c63d4

View File

@ -86,18 +86,16 @@ function createReconcilationTransaction() {
<table>
<tr class="font-bold">
<td style="width: 90px;">Date</td>
<td class="hidden md:block" style="width: 90px;">Date</td>
<td style="max-width: 150px;">Payee</td>
<td style="max-width: 200px;">Category</td>
<td>Memo</td>
<td class="text-right">Amount</td>
<td style="width: 20px;"></td>
<td style="width: 40px;"></td>
<td style="width: 20px;" v-if="transactions.Reconciling">
<input type="checkbox" @input="setReconciled" />
<td style="width: 80px;">
<input v-if="transactions.Reconciling" type="checkbox" @input="setReconciled" />
</td>
</tr>
<TransactionInputRow :budgetid="budgetid" :accountid="accountid" />
<TransactionInputRow class="hidden md:table-row" :budgetid="budgetid" :accountid="accountid" />
<TransactionRow
v-for="(transaction, index) in transactions.TransactionsList"
:key="transaction.ID"