set builder to 100% width

Amsterdam · May 6, 2024 · 5520f4e · 5520f4e
1 parent be5c1e4
commit 5520f4e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/apps/admin/src/components/form/CreateEditForm/CreateEditForm.module.css b/apps/admin/src/components/form/CreateEditForm/CreateEditForm.module.css
@@ -0,0 +1,3 @@
+.builder {
+  width: 100%;
+}
diff --git a/apps/admin/src/components/form/CreateEditForm/CreateEditForm.tsx b/apps/admin/src/components/form/CreateEditForm/CreateEditForm.tsx
@@ -15,6 +15,8 @@ import { filterAttributes } from '../../../utils/filterAttributes'
 import { Builder } from '../Builder'
 import { HiddenComponentsInput } from '../HiddenComponentsInput'
 
+import styles from './CreateEditForm.module.css'
+
 type CreateEditFormProps = {
   isEditForm?: boolean
 }
@@ -48,7 +50,9 @@ export const CreateEditForm = ({ isEditForm = false }: CreateEditFormProps) => {
       <TextInput source="title" />
       <TextInput source="display" defaultValue="form" hidden />
       <HiddenComponentsInput value={builderJson} setInitialValue={setInitialValue} />
-      <Builder data={initialValue} onChange={onChange} />
+      <div className={styles.builder}>
+        <Builder data={initialValue} onChange={onChange} />
+      </div>
     </SimpleForm>
   )
 }