Merge pull request #88 from bleu/full-width

Color picker and file upload as full width
bleu · Jul 17, 2024 · daa2c59 · daa2c59
2 parents 746490d + 0b0f67e
commit daa2c59
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/FormBuilder/fields/FileUploadField.tsx b/src/components/FormBuilder/fields/FileUploadField.tsx
@@ -121,7 +121,7 @@ export const FileUploadField = withConditional<FileUploadFieldProps>(
         name={field.name}
         rules={field.required ? { required: true } : undefined}
         render={({ field: formField }) => (
-          <FormItem>
+          <FormItem className="w-full">
             <FormLabel tooltip={field.tooltip}>{field.label}</FormLabel>
             <FormDescription>{field.description}</FormDescription>
             <FormControl>

diff --git a/src/components/FormBuilder/fields/selects/ColorPickerField.tsx b/src/components/FormBuilder/fields/selects/ColorPickerField.tsx
@@ -82,7 +82,7 @@ export const ColorPickerField = withConditional<ColorPickerFieldProps>(
           name={field.name}
           defaultValue={color}
           render={({ field: formField }) => (
-            <FormItem className="grid grid-flow-row auto-rows-min content-end">
+            <FormItem className="grid grid-flow-row auto-rows-min content-end w-full">
               <FormLabel tooltip={field.tooltip}>{field.label}</FormLabel>
               <FormDescription>{field.description}</FormDescription>
               <div