From ae90d75da36da6ab226134da5049efe6d1f400bb Mon Sep 17 00:00:00 2001 From: dutexion Date: Thu, 8 Aug 2024 21:54:54 +0900 Subject: [PATCH] =?UTF-8?q?style=20::=20=EA=B7=B8=EB=9E=98=ED=94=84=20?= =?UTF-8?q?=ED=81=AC=EA=B8=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/graph/TraceErrorGraph.tsx | 2 +- src/components/graph/TraceLatencyGraph.tsx | 2 +- src/components/graph/TraceRequestGraph.tsx | 2 +- src/pages/Team/deploy/Container/Traces.tsx | 5 ++--- 4 files changed, 5 insertions(+), 6 deletions(-) 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`