fix(web): fix bodyparams height (#1101)

labring · Apr 28, 2023 · 933da58 · 933da58
1 parent 17c72e3
commit 933da58
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/web/src/components/Editor/JSONEditor.tsx b/web/src/components/Editor/JSONEditor.tsx
@@ -36,7 +36,7 @@ function JSONEditor(props: {
   colorMode?: string;
   onChange?: (value: string | undefined) => void;
 }) {
-  const { value, onChange, height = "95%", colorMode = COLOR_MODE.light } = props;
+  const { value, onChange, height = "90%", colorMode = COLOR_MODE.light } = props;
 
   const editorRef = useRef<monaco.editor.IStandaloneCodeEditor | null>();
   const subscriptionRef = useRef<monaco.IDisposable | undefined>(undefined);

diff --git a/web/src/pages/app/functions/mods/DebugPanel/index.tsx b/web/src/pages/app/functions/mods/DebugPanel/index.tsx
@@ -202,15 +202,14 @@ export default function DebugPanel(props: { containerRef: any; showOverlay: bool
                           )}
                         </Tab>
                       )}
-
                       <Tab>
                         Headers
                         {headerParams.length > 0 && (
                           <span className="ml-1">({headerParams.length})</span>
                         )}
                       </Tab>
                     </TabList>
-                    <TabPanels className="flex-grow overflow-auto">
+                    <TabPanels className="relative flex-1 overflow-auto">
                       <TabPanel px={0} py={1}>
                         <QueryParamsTab
                           key={"QueryParamsTab"}
@@ -221,7 +220,11 @@ export default function DebugPanel(props: { containerRef: any; showOverlay: bool
                       </TabPanel>
 
                       {HAS_BODY_PARAMS_METHODS.includes(runningMethod) && (
-                        <TabPanel px={0} py={1} style={{ height: "100%", overflow: "auto" }}>
+                        <TabPanel
+                          px={0}
+                          py={1}
+                          className="absolute bottom-0 left-0 right-0 top-0 overflow-auto"
+                        >
                           <BodyParamsTab
                             onChange={(values) => {
                               setBodyParams(values);