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

Add bordersr to inputs

Browse Source
This commit is contained in:
Jan Bader 2022-02-09 21:57:25 +00:00
parent 3bd5845068
commit 2c71c521f9
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/Autocomplete.vue
View File

@ -88,7 +88,7 @@ export default defineComponent({
<template> <template>
<div> <div>
<input @keypress="keypress" v-if="Selected == undefined" v-model="SearchQuery" /> <input class="border-b-2 border-black" @keypress="keypress" v-if="Selected == undefined" v-model="SearchQuery" />
<span @click="clear" v-if="Selected != undefined" class="bg-gray-300">{{Selected.Name}}</span> <span @click="clear" v-if="Selected != undefined" class="bg-gray-300">{{Selected.Name}}</span>
<div v-if="Suggestions.length > 0" class="absolute bg-gray-400 w-64 p-2"> <div v-if="Suggestions.length > 0" class="absolute bg-gray-400 w-64 p-2">
<span v-for="suggestion in Suggestions" class="block" @click="select" :value="suggestion.ID"> <span v-for="suggestion in Suggestions" class="block" @click="select" :value="suggestion.ID">

6
web/src/pages/Account.vue
View File

@ -57,7 +57,7 @@ export default defineComponent({
</tr> </tr>
<tr> <tr>
<td style="width: 90px;" class="text-sm"> <td style="width: 90px;" class="text-sm">
<input type="date" v-model="TransactionDate" /> <input class="border-b-2 border-black" type="date" v-model="TransactionDate" />
</td> </td>
<td style="max-width: 150px;"> <td style="max-width: 150px;">
<Autocomplete v-model="Payee" type="payees" /> <Autocomplete v-model="Payee" type="payees" />
@ -66,10 +66,10 @@ export default defineComponent({
<Autocomplete v-model="Category" type="categories" /> <Autocomplete v-model="Category" type="categories" />
</td> </td>
<td> <td>
<input type="text" v-model="Memo" /> <input class="block w-full border-b-2 border-black" type="text" v-model="Memo" />
</td> </td>
<td style="width: 80px;" class="text-right"> <td style="width: 80px;" class="text-right">
<input class="text-right" type="currency" v-model="Amount" /> <input class="text-right block w-full border-b-2 border-black" type="currency" v-model="Amount" />
</td> </td>
<td style="width: 20px;"> <td style="width: 20px;">
<input type="submit" @click="saveTransaction" value="Save" /> <input type="submit" @click="saveTransaction" value="Save" />