diff options
| -rw-r--r-- | src/components/expense-form.tsx | 7 | ||||
| -rw-r--r-- | src/components/group-form.tsx | 8 |
2 files changed, 12 insertions, 3 deletions
diff --git a/src/components/expense-form.tsx b/src/components/expense-form.tsx index 12bdb2e..35c6aaf 100644 --- a/src/components/expense-form.tsx +++ b/src/components/expense-form.tsx @@ -64,7 +64,11 @@ export function ExpenseForm({ group, expense, onSubmit }: Props) { <FormItem className="order-1"> <FormLabel>Expense title</FormLabel> <FormControl> - <Input placeholder="Monday evening restaurant" {...field} /> + <Input + placeholder="Monday evening restaurant" + className="text-base" + {...field} + /> </FormControl> <FormDescription> Enter a description for the expense. @@ -111,6 +115,7 @@ export function ExpenseForm({ group, expense, onSubmit }: Props) { <FormLabel>Amount</FormLabel> <FormControl> <Input + className="text-base" type="number" min={0.01} step={0.01} diff --git a/src/components/group-form.tsx b/src/components/group-form.tsx index 9841cc5..5ddc865 100644 --- a/src/components/group-form.tsx +++ b/src/components/group-form.tsx @@ -67,7 +67,11 @@ export function GroupForm({ group, onSubmit }: Props) { <FormItem> <FormLabel>Group name</FormLabel> <FormControl> - <Input placeholder="Summer vacations" {...field} /> + <Input + className="text-base" + placeholder="Summer vacations" + {...field} + /> </FormControl> <FormDescription> Enter a name for your group. @@ -99,7 +103,7 @@ export function GroupForm({ group, onSubmit }: Props) { </FormLabel> <FormControl> <div className="flex gap-2"> - <Input {...field} /> + <Input className="text-base" {...field} /> <Button variant="destructive" onClick={() => remove(index)} |