output expanded modal view

Author: jsajal

src/components/molecules/flow/nodes/OutputNode.js

@@ -33,7 +33,7 @@ const OutputNode = ({ id, data }) => {
             name='output-text'
             value={JSON.stringify(data.output, null, 2)}
             readOnly={true}
-            classes={'w-80 h-80'}
+            classes={'w-96 h-96'}
           />
         ) : (
           <div className='p-2'>{'Run flow to see data'}</div>

src/components/molecules/flow/nodes/RequestBody.js

@@ -115,7 +115,7 @@ const RequestBody = ({ nodeId, nodeData }) => {
               {requestBodyTypeOptions.map((bodyTypeOption, index) => (
                 <Menu.Item key={index} data-click-from='body-type-menu' onClick={() => handleClose(bodyTypeOption)}>
                   <button
-                    className='flex items-center w-full px-2 py-2 text-sm text-gray-900 rounded-md group hover:bg-background-light'
+                    className='flex items-center w-full px-2 py-2 text-sm text-gray-900 rounded-md hover:bg-background-light group'
                     data-click-from='body-type-menu'
                   >
                     {bodyTypeOption}
@@ -132,7 +132,12 @@ const RequestBody = ({ nodeId, nodeData }) => {
           <div className='p-4 bg-background'>
             <div className='w-full nodrag nowheel min-w-72'>
               <div className='bg-background-lighter'>
-                <Editor name='request-body-json' onChange={(e) => handleRawJson(e)} value={nodeData.requestBody.body} />
+                <Editor
+                  name='request-body-json'
+                  onChange={(e) => handleRawJson(e)}
+                  value={nodeData.requestBody.body}
+                  classes={'w-96 h-96'}
+                />
               </div>
               <Button
                 btnType={BUTTON_TYPES.secondary}

src/components/molecules/modals/OutputNodeExpandedModal.js

@@ -51,7 +51,7 @@ const OuputNodeExpandedModal = ({ closeFn = () => null, open = false, data }) =>
                     name='output-text'
                     value={JSON.stringify(data, null, 2)}
                     readOnly={true}
-                    classes={'w-40 h-40'}
+                    classes={'w-1/2 h-1/2'}
                   />
                 </div>
               </Dialog.Panel>