resizable json request body and output node

jsajal · jsajal · commit b0083fcce649 · 2024-05-11T10:43:41.000-07:00
diff --git a/src/components/atoms/Editor.css b/src/components/atoms/Editor.css
@@ -1,6 +1,9 @@
 .cm-editor {
-  height: 380px;
-  width: 380px;
+  height: 100%;
+  width: 100%;
+  min-width: 288px;
+  resize: both;
+  overflow: auto !important;
 }
 .cm-scroller {
   overflow: auto;
diff --git a/src/components/molecules/flow/nodes/OutputNode.js b/src/components/molecules/flow/nodes/OutputNode.js
@@ -12,7 +12,7 @@ const OutputNode = ({ id, data }) => {
       handleRight={true}
       handleRightData={{ type: 'source' }}
     >
-      <div className='w-full text-xs text-gray-900 border border-gray-300 rounded-lg nodrag nowheel min-h-96 min-w-96 bg-gray-50 outline-blue-300 focus:border-blue-100 focus:ring-blue-100'>
+      <div className='w-full text-xs text-gray-900 border border-gray-300 rounded-lg nodrag nowheel min-w-72 bg-gray-50 outline-blue-300 focus:border-blue-100 focus:ring-blue-100'>
         {data.output ? (
           <Editor name='output-text' value={JSON.stringify(data.output, null, 2)} readOnly={true} />
         ) : (

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ const OutputNode = ({ id, data }) => {`
`12`	`12`	`handleRight={true}`
`13`	`13`	`handleRightData={{ type: 'source' }}`
`14`	`14`	`>`
`15`		`- <div className='w-full text-xs text-gray-900 border border-gray-300 rounded-lg nodrag nowheel min-h-96 min-w-96 bg-gray-50 outline-blue-300 focus:border-blue-100 focus:ring-blue-100'>`
	`15`	`+ <div className='w-full text-xs text-gray-900 border border-gray-300 rounded-lg nodrag nowheel min-w-72 bg-gray-50 outline-blue-300 focus:border-blue-100 focus:ring-blue-100'>`
`16`	`16`	`{data.output ? (`
`17`	`17`	`<Editor name='output-text' value={JSON.stringify(data.output, null, 2)} readOnly={true} />`
`18`	`18`	`) : (`