make schema editor take up full height (#21000)

airbytehq · Jan 4, 2023 · 08e6d99 · 08e6d99
1 parent 753241d
commit 08e6d99
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/BuilderConfigView.module.scss b/airbyte-webapp/src/components/connectorBuilder/Builder/BuilderConfigView.module.scss
@@ -5,6 +5,7 @@
   display: flex;
   flex-direction: column;
   gap: variables.$spacing-md;
+  height: 100%;
 }
 
 .heading {

diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.module.scss b/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.module.scss
@@ -54,3 +54,7 @@ $controlButtonWidth: 24px;
 .errorMessage {
   color: colors.$red;
 }
+
+.schemaEditor {
+  height: 100%;
+}
diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.tsx
@@ -140,7 +140,7 @@ export const StreamConfigView: React.FC<StreamConfigViewProps> = ({ streamNum })
           </BuilderCard>
         </>
       ) : (
-        <BuilderCard>
+        <BuilderCard className={styles.schemaEditor}>
           <SchemaEditor streamFieldPath={streamFieldPath} />
         </BuilderCard>
       )}
@@ -171,7 +171,6 @@ const SchemaEditor = ({ streamFieldPath }: { streamFieldPath: (fieldPath: string
   return (
     <>
       <CodeEditor
-        height="500px"
         value={field.value || ""}
         language="json"
         theme="airbyte-light"