Use Input component for all inputs except file-input
This commit is contained in:
@ -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"
|
||||
|
@ -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>
|
Reference in New Issue
Block a user