fix: adapt panes height

kubeshop · Feb 15, 2022 · 4d00859 · 4d00859
1 parent 2fa3fef
commit 4d00859
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/web/src/pages/Trace/Trace.tsx b/web/src/pages/Trace/Trace.tsx
@@ -49,15 +49,15 @@ const Trace = () => {
         <Title level={3}>{data.data[0].spans[0].operationName}</Title>
       </Header>
       <Grid>
-        <ReflexContainer style={{minHeight: 1000, height: '100%'}} orientation="horizontal">
-          <ReflexElement size={500} maxSize={500}>
-            <ReflexContainer style={{height: '100%'}} orientation="vertical">
+        <ReflexContainer style={{height: '100vh'}} orientation="horizontal">
+          <ReflexElement flex={0.6}>
+            <ReflexContainer orientation="vertical">
               <ReflexElement flex={0.5} className="left-pane">
                 <div className="pane-content">
                   <TraceDiagram spanMap={spanMap} onSelectSpan={handleSelectSpan} selectedSpan={selectedSpan} />
                 </div>
               </ReflexElement>
-              <ReflexSplitter />
+
               <ReflexElement flex={0.5} className="right-pane">
                 <div className="pane-content">
                   <TraceData json={JSON.parse(JSON.stringify(selectedSpan))} />