jacob1123/budgeteer
1
1
Fork 0
Code Issues 12 Pull Requests 1 Packages Releases 1 Wiki Activity

Remove widths from TransactionInputRow and use Button

Browse Source
This commit is contained in:
Jan Bader 2022-03-01 20:11:41 +00:00
parent ecbb85aeaa
commit 7c08ddacb7
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/components/TransactionInputRow.vue
View File

@ -3,6 +3,7 @@ import { computed, ref } from "vue";
import Autocomplete from '../components/Autocomplete.vue' import Autocomplete from '../components/Autocomplete.vue'
import { Transaction, useTransactionsStore } from "../stores/transactions"; import { Transaction, useTransactionsStore } from "../stores/transactions";
import DateInput from "./DateInput.vue"; import DateInput from "./DateInput.vue";
import Button from "./Button.vue";
const props = defineProps<{ const props = defineProps<{
budgetid: string budgetid: string
@ -51,28 +52,27 @@ function saveTransaction(e: MouseEvent) {
<template> <template>
<tr> <tr>
<td style="width: 90px;" class="text-sm"> <td class="text-sm">
<DateInput class="border-b-2 border-black" v-model="TX.Date" /> <DateInput class="border-b-2 border-black" v-model="TX.Date" />
</td> </td>
<td style="max-width: 150px;"> <td>
<Autocomplete v-model:text="TX.Payee" v-model:id="TX.PayeeID" v-model:type="payeeType" model="payees" /> <Autocomplete v-model:text="TX.Payee" v-model:id="TX.PayeeID" v-model:type="payeeType" model="payees" />
</td> </td>
<td style="max-width: 200px;"> <td>
<Autocomplete v-model:text="TX.Category" v-model:id="TX.CategoryID" model="categories" /> <Autocomplete v-model:text="TX.Category" v-model:id="TX.CategoryID" model="categories" />
</td> </td>
<td> <td>
<input class="block w-full border-b-2 border-black" type="text" v-model="TX.Memo" /> <input class="block w-full border-b-2 border-black" type="text" v-model="TX.Memo" />
</td> </td>
<td style="width: 80px;" class="text-right"> <td class="text-right">
<input <input
class="text-right block w-full border-b-2 border-black" class="text-right block w-full border-b-2 border-black"
type="currency" type="currency"
v-model="TX.Amount" v-model="TX.Amount"
/> />
</td> </td>
<td style="width: 20px;"> <td>
<input type="submit" @click="saveTransaction" value="Save" /> <Button class="bg-blue-500" @click="saveTransaction">Save</Button>
</td> </td>
<td style="width: 20px;"></td>
</tr> </tr>
</template> </template>