style :: 그래프 크기

team-xquare · Aug 8, 2024 · ae90d75 · ae90d75
1 parent c756f18
commit ae90d75
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/src/components/graph/TraceErrorGraph.tsx b/src/components/graph/TraceErrorGraph.tsx
@@ -31,7 +31,7 @@ export const TraceErrorGraph: React.FC<PlotlyChartProps> = ({ jsonData }) => {
       };
 
       const layout: Partial<Plotly.Layout> = {
-        width: 428,
+        width: 380,
         height: 180,
         margin: {
           l: 30,

diff --git a/src/components/graph/TraceLatencyGraph.tsx b/src/components/graph/TraceLatencyGraph.tsx
@@ -45,7 +45,7 @@ export const TraceLatencyGraph: React.FC<PlotlyChartProps> = ({ jsonData }) => {
       }));
 
       const layout: Partial<Plotly.Layout> = {
-        width: 428,
+        width: 380,
         height: 180,
         margin: {
           l: 30,

diff --git a/src/components/graph/TraceRequestGraph.tsx b/src/components/graph/TraceRequestGraph.tsx
@@ -31,7 +31,7 @@ export const TraceRequestGraph: React.FC<PlotlyChartProps> = ({ jsonData }) => {
       };
 
       const layout: Partial<Plotly.Layout> = {
-        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
@@ -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`