fix(#28): make no responsive code editors request/metadata

getezy · Dec 11, 2022 · d233baa · d233baa
1 parent cd2ac46
commit d233baa
Showing 1 changed file with 20 additions and 4 deletions.
diff --git a/src/app/pages/tabs-container/collection-types/grpc/request/request.tsx b/src/app/pages/tabs-container/collection-types/grpc/request/request.tsx
@@ -58,6 +58,8 @@ export const Request: React.FC<RequestProps> = ({ tab }) => {
 
   const toolBar = (
     <Container
+      fluid
+      responsive={false}
       gap={0.5}
       display="flex"
       alignItems="center"
@@ -69,8 +71,15 @@ export const Request: React.FC<RequestProps> = ({ tab }) => {
 
   const requestTab = (
     <Tab title="Request" id={tab.data.requestTabs.request.id} key={tab.data.requestTabs.request.id}>
-      <Container gap={0} display="flex" direction="column">
-        <Container gap={0} display="flex" wrap="nowrap" css={{ flex: 1, overflow: 'hidden' }}>
+      <Container fluid responsive={false} gap={0} display="flex" direction="column">
+        <Container
+          fluid
+          responsive={false}
+          gap={0}
+          display="flex"
+          wrap="nowrap"
+          css={{ flex: 1, overflow: 'hidden' }}
+        >
           <CodeEditor
             height="100%"
             maxWidth="100%"
@@ -90,8 +99,15 @@ export const Request: React.FC<RequestProps> = ({ tab }) => {
       id={tab.data.requestTabs.metadata.id}
       key={tab.data.requestTabs.metadata.id}
     >
-      <Container gap={0} display="flex" direction="column">
-        <Container gap={0} display="flex" wrap="nowrap" css={{ flex: 1, overflow: 'hidden' }}>
+      <Container fluid responsive={false} gap={0} display="flex" direction="column">
+        <Container
+          fluid
+          responsive={false}
+          gap={0}
+          display="flex"
+          wrap="nowrap"
+          css={{ flex: 1, overflow: 'hidden' }}
+        >
           <CodeEditor
             height="100%"
             maxWidth="100%"