diff --git a/frontend/src/assets/index.css b/frontend/src/assets/index.css deleted file mode 100644 index b76187e8c6..0000000000 --- a/frontend/src/assets/index.css +++ /dev/null @@ -1,18 +0,0 @@ -.ant-space-item { - margin-right: 0 !important; -} - -#chart svg { - width: 100%; -} -#chart { - width: 100%; -} - -.ant-tabs-tab { - margin: 0 0 0 32px !important; -} - -.ant-tabs-nav-list > .ant-tabs-tab:first-child { - margin: 0 !important; -} diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx index 7a7709c662..54494e75cd 100644 --- a/frontend/src/index.tsx +++ b/frontend/src/index.tsx @@ -1,5 +1,4 @@ import './wdyr'; -import 'assets/index.css'; import AppRoutes from 'AppRoutes'; import React from 'react'; diff --git a/frontend/src/modules/Traces/TraceGanttChart/TraceGanttChart.css b/frontend/src/modules/Traces/TraceGanttChart/TraceGanttChart.css index d16aaa1b7f..98bae47c4a 100644 --- a/frontend/src/modules/Traces/TraceGanttChart/TraceGanttChart.css +++ b/frontend/src/modules/Traces/TraceGanttChart/TraceGanttChart.css @@ -4,10 +4,12 @@ .hide { display: none; } -.ant-tabs-nav-list { + +/* .ant-tabs-nav-list { justify-content: space-between; width: 100%; -} +} */ + .ant-table-body table { margin-bottom: 64px; } diff --git a/frontend/src/modules/Traces/TraceGanttChart/TraceGanttChart.tsx b/frontend/src/modules/Traces/TraceGanttChart/TraceGanttChart.tsx index fe6e98611d..665050db88 100644 --- a/frontend/src/modules/Traces/TraceGanttChart/TraceGanttChart.tsx +++ b/frontend/src/modules/Traces/TraceGanttChart/TraceGanttChart.tsx @@ -1,6 +1,13 @@ import './TraceGanttChart.css'; -import { Button, Col, Progress, Row, Table, Tabs } from 'antd'; +import { + Button, + Col, + Progress, + Row, + Table as TableComponent, + Tabs, +} from 'antd'; import { has, isEmpty, max } from 'lodash-es'; import traverseTreeData from 'modules/Traces/TraceGanttChart/TraceGanttChartHelpers'; import React, { useEffect, useRef, useState } from 'react'; @@ -17,6 +24,13 @@ const StyledButton = styled(Button)` line-height: 20px; `; +const Table = styled(TableComponent)` + .ant-tabs-nav-list { + width: 100%; + justify-content: space-between; + } +`; + interface TraceGanttChartProps { treeData: pushDStree[]; clickedSpan: pushDStree;