diff --git a/src/components/graph/TraceErrorGraph.tsx b/src/components/graph/TraceErrorGraph.tsx index 269268a..f94a9cf 100644 --- a/src/components/graph/TraceErrorGraph.tsx +++ b/src/components/graph/TraceErrorGraph.tsx @@ -31,7 +31,7 @@ export const TraceErrorGraph: React.FC = ({ jsonData }) => { }; const layout: Partial = { - width: 428, + width: 380, height: 180, margin: { l: 30, diff --git a/src/components/graph/TraceLatencyGraph.tsx b/src/components/graph/TraceLatencyGraph.tsx index d85733a..635975f 100644 --- a/src/components/graph/TraceLatencyGraph.tsx +++ b/src/components/graph/TraceLatencyGraph.tsx @@ -45,7 +45,7 @@ export const TraceLatencyGraph: React.FC = ({ jsonData }) => { })); const layout: Partial = { - width: 428, + width: 380, height: 180, margin: { l: 30, diff --git a/src/components/graph/TraceRequestGraph.tsx b/src/components/graph/TraceRequestGraph.tsx index db4dd2a..0e975c6 100644 --- a/src/components/graph/TraceRequestGraph.tsx +++ b/src/components/graph/TraceRequestGraph.tsx @@ -31,7 +31,7 @@ export const TraceRequestGraph: React.FC = ({ jsonData }) => { }; const layout: Partial = { - width: 428, + width: 380, height: 180, margin: { l: 30, diff --git a/src/pages/Team/deploy/Container/Traces.tsx b/src/pages/Team/deploy/Container/Traces.tsx index 37af82e..e5183ee 100644 --- a/src/pages/Team/deploy/Container/Traces.tsx +++ b/src/pages/Team/deploy/Container/Traces.tsx @@ -315,10 +315,9 @@ const StatusCodeItem = styled.div` const GraphContainer = styled.div` width: 100%; - max-width: 1538px; + max-width: 1280px; display: flex; - justify-content: center; - gap: 20px; + justify-content: space-between; `; const GraphBox = styled.div`