💄 Remove padding for JSON view mode

open-formulieren · Jul 11, 2024 · d633102 · d633102
1 parent 94c6862
commit d633102
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/src/components/ComponentPreview.tsx b/src/components/ComponentPreview.tsx
@@ -41,15 +41,16 @@ const ComponentPreviewWrapper: React.FC<ComponentPreviewWrapperProps> = ({
           onChange={event => setpreviewMode(event.target.value as PreviewState)}
         />
       </div>
-      <div className="card-body">
-        {previewMode === 'JSON' ? (
-          <JSONEditor
-            wrapperProps={{className: 'json-editor'}}
-            value={component}
-            onChange={onComponentChange}
-            theme={builderContext.theme}
-          />
-        ) : (
+
+      {previewMode === 'JSON' ? (
+        <JSONEditor
+          wrapperProps={{className: 'json-editor'}}
+          value={component}
+          onChange={onComponentChange}
+          theme={builderContext.theme}
+        />
+      ) : (
+        <div className="card-body">
           <Formik
             enableReinitialize
             initialValues={initialValues}
@@ -61,8 +62,8 @@ const ComponentPreviewWrapper: React.FC<ComponentPreviewWrapperProps> = ({
               {children}
             </div>
           </Formik>
-        )}
-      </div>
+        </div>
+      )}
     </div>
   );
 };