diff options
| author | Sebastien Castiel <sebastien@castiel.me> | 2023-12-06 12:50:46 -0500 |
|---|---|---|
| committer | Sebastien Castiel <sebastien@castiel.me> | 2023-12-06 12:50:46 -0500 |
| commit | 0bc3e0eedda4ffcb156d76d84cedbfcc75ef65f5 (patch) | |
| tree | 4d96e9b7ca26cae11710d23fdac248a94a2c0d8a /src/components | |
| parent | c72311d01a827a61d6d3d786416ddb442076d73a (diff) | |
Empty state
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/expense-form.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/components/expense-form.tsx b/src/components/expense-form.tsx index f7826c6..12bdb2e 100644 --- a/src/components/expense-form.tsx +++ b/src/components/expense-form.tsx @@ -56,12 +56,12 @@ export function ExpenseForm({ group, expense, onSubmit }: Props) { <CardHeader> <CardTitle>Expense information</CardTitle> </CardHeader> - <CardContent className="grid grid-cols-2 gap-6"> + <CardContent className="grid grid-cols-1 sm:grid-cols-2 gap-6"> <FormField control={form.control} name="title" render={({ field }) => ( - <FormItem> + <FormItem className="order-1"> <FormLabel>Expense title</FormLabel> <FormControl> <Input placeholder="Monday evening restaurant" {...field} /> @@ -78,7 +78,7 @@ export function ExpenseForm({ group, expense, onSubmit }: Props) { control={form.control} name="paidBy" render={({ field }) => ( - <FormItem> + <FormItem className="order-3 sm:order-2"> <FormLabel>Paid by</FormLabel> <Select onValueChange={field.onChange} @@ -107,7 +107,7 @@ export function ExpenseForm({ group, expense, onSubmit }: Props) { control={form.control} name="amount" render={({ field }) => ( - <FormItem> + <FormItem className="order-2 sm:order-3"> <FormLabel>Amount</FormLabel> <FormControl> <Input @@ -128,7 +128,7 @@ export function ExpenseForm({ group, expense, onSubmit }: Props) { control={form.control} name="paidFor" render={() => ( - <FormItem> + <FormItem className="order-4"> <div className="mb-4"> <FormLabel>Paid for</FormLabel> <FormDescription> |