Hide Input on small screens and match columns
This commit is contained in:
parent
3dcb362372
commit
d52e5c63d4
@ -86,18 +86,16 @@ function createReconcilationTransaction() {
|
|||||||
|
|
||||||
<table>
|
<table>
|
||||||
<tr class="font-bold">
|
<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: 150px;">Payee</td>
|
||||||
<td style="max-width: 200px;">Category</td>
|
<td style="max-width: 200px;">Category</td>
|
||||||
<td>Memo</td>
|
<td>Memo</td>
|
||||||
<td class="text-right">Amount</td>
|
<td class="text-right">Amount</td>
|
||||||
<td style="width: 20px;"></td>
|
<td style="width: 80px;">
|
||||||
<td style="width: 40px;"></td>
|
<input v-if="transactions.Reconciling" type="checkbox" @input="setReconciled" />
|
||||||
<td style="width: 20px;" v-if="transactions.Reconciling">
|
|
||||||
<input type="checkbox" @input="setReconciled" />
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<TransactionInputRow :budgetid="budgetid" :accountid="accountid" />
|
<TransactionInputRow class="hidden md:table-row" :budgetid="budgetid" :accountid="accountid" />
|
||||||
<TransactionRow
|
<TransactionRow
|
||||||
v-for="(transaction, index) in transactions.TransactionsList"
|
v-for="(transaction, index) in transactions.TransactionsList"
|
||||||
:key="transaction.ID"
|
:key="transaction.ID"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user