Use Input component for all inputs except file-input

This commit is contained in:
2022-03-02 19:53:12 +00:00
committed by Gitea
parent 42baafd273
commit 29cfeb6fa6
8 changed files with 20 additions and 13 deletions

View File

@ -2,6 +2,7 @@
import { computed, ref } from 'vue';
import Modal from '../components/Modal.vue';
import { useAccountStore } from '../stores/budget-account';
import Input from '../components/Input.vue';
const accountStore = useAccountStore();
const CurrentAccount = computed(() => accountStore.CurrentAccount);
@ -23,7 +24,7 @@ function openEditAccount(e : any) {
<Modal button-text="Edit Account" @open="openEditAccount" @submit="editAccount">
<template v-slot:placeholder></template>
<div class="mt-2 px-7 py-3">
<input
<Input
class="border-2"
type="text"
v-model="accountName"
@ -32,7 +33,7 @@ function openEditAccount(e : any) {
/>
</div>
<div class="mt-2 px-7 py-3">
<input
<Input
class="border-2"
type="checkbox"
v-model="accountOnBudget"

View File

@ -2,6 +2,7 @@
import Modal from '../components/Modal.vue';
import { ref } from "vue";
import { useBudgetsStore } from '../stores/budget';
import Input from '../components/Input.vue';
const budgetName = ref("");
function saveBudget() {
@ -12,7 +13,7 @@ function saveBudget() {
<template>
<Modal button-text="New Budget" @submit="saveBudget">
<div class="mt-2 px-7 py-3">
<input class="border-2" type="text" v-model="budgetName" placeholder="Budget name" required />
<Input class="border-2" type="text" v-model="budgetName" placeholder="Budget name" required />
</div>
</Modal>
</template>