fix: responsiveness in components/dashboard/settings/web-domain.tsx

Signed-off-by: Nahidujjaman Hridoy <hridoyboss12@gmail.com>
This commit is contained in:
Nahidujjaman Hridoy
2026-05-07 13:38:10 +06:00
parent 9d6bc4cd18
commit de7d6f8147

View File

@@ -141,14 +141,14 @@ export const WebDomain = () => {
<Form {...form}> <Form {...form}>
<form <form
onSubmit={form.handleSubmit(onSubmit)} onSubmit={form.handleSubmit(onSubmit)}
className="grid w-full gap-4 md:grid-cols-2" className="grid w-full gap-4 grid-cols-2"
> >
<FormField <FormField
control={form.control} control={form.control}
name="domain" name="domain"
render={({ field }) => { render={({ field }) => {
return ( return (
<FormItem> <FormItem className="col-span-2 md:col-span-1">
<FormLabel>Domain</FormLabel> <FormLabel>Domain</FormLabel>
<FormControl> <FormControl>
<Input <Input
@@ -168,7 +168,7 @@ export const WebDomain = () => {
name="letsEncryptEmail" name="letsEncryptEmail"
render={({ field }) => { render={({ field }) => {
return ( return (
<FormItem> <FormItem className="col-span-2 md:col-span-1">
<FormLabel>Let's Encrypt Email</FormLabel> <FormLabel>Let's Encrypt Email</FormLabel>
<FormControl> <FormControl>
<Input <Input
@@ -209,7 +209,7 @@ export const WebDomain = () => {
name="certificateType" name="certificateType"
render={({ field }) => { render={({ field }) => {
return ( return (
<FormItem className="md:col-span-2"> <FormItem className="col-span-2">
<FormLabel>Certificate Provider</FormLabel> <FormLabel>Certificate Provider</FormLabel>
<Select <Select
onValueChange={field.onChange} onValueChange={field.onChange}