Resume
/
subman-nextjs
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mobile friendly edit submission dialog

This commit is contained in:
andrzej 2024-09-25 19:39:12 +02:00
parent 37e7f4d15f
commit ef797f7bce
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/ui/forms/editSub.tsx
View File

@ -99,13 +99,13 @@ export default function EditSubmissionForm({ stories, pubs, responses, defaults,
return (
<Form {...form}>
<form id="subform" onSubmit={form.handleSubmit(onSubmit, onErrors)} className="space-y-8">
<form id="subform" onSubmit={form.handleSubmit(onSubmit, onErrors)} className="space-y-2 md:space-y-8">
<FormField
control={form.control}
name="storyId"
render={({ field }) => (
<FormItem>
<FormLabel>Story</FormLabel>
<FormLabel className="text-sm md:text-base">Story</FormLabel>
<Select onValueChange={field.onChange} defaultValue={field.value}>
<FormControl>
<SelectTrigger>
@ -118,7 +118,7 @@ export default function EditSubmissionForm({ stories, pubs, responses, defaults,
{storiesSelectItems}
</SelectContent>
</Select>
<FormDescription>The piece you submitted</FormDescription>
<FormDescription className="text-xs md:text-base">The piece you submitted</FormDescription>
<FormMessage />
</FormItem>
)}
@ -128,7 +128,7 @@ export default function EditSubmissionForm({ stories, pubs, responses, defaults,
name="pubId"
render={({ field }) => (
<FormItem>
<FormLabel>Publication</FormLabel>
<FormLabel className="text-sm md:text-base">Publication</FormLabel>
<Select onValueChange={field.onChange} defaultValue={field.value}>
<FormControl>
<SelectTrigger>
@ -141,7 +141,7 @@ export default function EditSubmissionForm({ stories, pubs, responses, defaults,
{pubsSelectItems}
</SelectContent>
</Select>
<FormDescription>The market you sent it to</FormDescription>
<FormDescription className="text-xs md:text-base">The market you sent it to</FormDescription>
<FormMessage />
</FormItem>
)}
@ -152,7 +152,7 @@ export default function EditSubmissionForm({ stories, pubs, responses, defaults,
name="submitted"
render={({ field }) => (
<FormItem className="flex flex-col">
<FormLabel>Date of submission</FormLabel>
<FormLabel className="text-sm md:text-base">Date of submission</FormLabel>
<Popover modal={true} open={isSubCalendarOpen} onOpenChange={setIsSubCalendarOpen}>
<PopoverTrigger asChild>
<FormControl>
@ -184,7 +184,7 @@ export default function EditSubmissionForm({ stories, pubs, responses, defaults,
/>
</PopoverContent>
</Popover>
<FormDescription>
<FormDescription className="text-xs md:text-base">
The date you sent it
</FormDescription>
<FormMessage />
@ -197,7 +197,7 @@ export default function EditSubmissionForm({ stories, pubs, responses, defaults,
name="responded"
render={({ field }) => (
<FormItem className="flex flex-col">
<FormLabel>Date of response</FormLabel>
<FormLabel className="text-sm md:text-base">Date of response</FormLabel>
<Popover modal={true} open={isRespCalendarOpen} onOpenChange={setIsRespCalendarOpen}>
<PopoverTrigger asChild>
<FormControl>
@ -229,7 +229,7 @@ export default function EditSubmissionForm({ stories, pubs, responses, defaults,
/>
</PopoverContent>
</Popover>
<FormDescription>
<FormDescription className="text-xs md:text-base">
The date they wrote back
</FormDescription>
<FormMessage />
@ -243,7 +243,7 @@ export default function EditSubmissionForm({ stories, pubs, responses, defaults,
name="responseId"
render={({ field }) => (
<FormItem>
<FormLabel>Response</FormLabel>
<FormLabel className="text-sm md:text-base">Response</FormLabel>
<Select onValueChange={field.onChange} defaultValue={field.value}>
<FormControl>
<SelectTrigger>
@ -256,7 +256,7 @@ export default function EditSubmissionForm({ stories, pubs, responses, defaults,
{reponsesSelectItems}
</SelectContent>
</Select>
<FormDescription>The market you sent it to</FormDescription>
<FormDescription className="text-xs md:text-base">The market you sent it to</FormDescription>
<FormMessage />
</FormItem>
)}