Skip to content

Commit

Permalink
styling adjustments
Browse files Browse the repository at this point in the history
  • Loading branch information
yuyi-sl committed Aug 22, 2024
1 parent ebe8433 commit 0943164
Show file tree
Hide file tree
Showing 7 changed files with 9 additions and 15 deletions.
7 changes: 3 additions & 4 deletions src/Components/NetworkTable/NetworkTable.styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@
border-top: $border;
}


.network-table-header {
display: flex;
width: 100%;
Expand All @@ -27,13 +26,14 @@
width: 12%;
align-self: center;
padding-right: $size-xs-s;
min-width: $table-column-min-width;

&:last-child {
padding-right: 0;
}

&.show-waterfall {
width: 9%;
width: 10%;
}

&.file {
Expand All @@ -44,8 +44,7 @@
}
}

&.domain,
&.waterfall{
&.domain {
width: 15%;
}
}
Expand Down
5 changes: 1 addition & 4 deletions src/Components/NetworkTable/TimeChart.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -20,10 +20,7 @@ const TimeChart = ({
placement="left"
title={<TimeChartTooltip data={timings} />}
>
<svg
{...TIME_CHART_SVG_PROPS}
className={Styles['time-chart']}
>
<svg {...TIME_CHART_SVG_PROPS}>
<g>
{chartAttributes.map((chartProps) => (
<rect
Expand Down
4 changes: 0 additions & 4 deletions src/Components/NetworkTable/TimeChart.styles.scss
Original file line number Diff line number Diff line change
@@ -1,9 +1,5 @@
@import "./../../styles/variables.scss";

.time-chart {
height: 15px;
}

.time-chart-tooltip {
background-color: $white-100 !important;
overflow: hidden !important;
Expand Down
4 changes: 2 additions & 2 deletions src/Components/ReqDetail/headers/General.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import { GENERAL_HEADERS } from '../../../constants';
const General = ({ data }) => (
<div className={Styles['header-detail']}>
{Object.entries(GENERAL_HEADERS).map(([dataKey, { key, name }]) => (
<p
<div
key={dataKey}
className={Styles['info-row']}
>
Expand All @@ -17,7 +17,7 @@ const General = ({ data }) => (
<span className={Styles['info-value']}>
{key === 'status' && data.error ? data.error : data[key]}
</span>
</p>
</div>
))}
</div>
);
Expand Down
1 change: 1 addition & 0 deletions src/Containers/MainContainer.styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -12,5 +12,6 @@
height: 100%;
width: 100%;
overflow: auto;
overflow-x: hidden;
outline: none;
}
2 changes: 1 addition & 1 deletion src/Containers/NetworkTableContainer.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ const NetworkTableContainer = () => {
if (ref?.current) {
setTableBodyHeight(ref.current.clientHeight - TABLE_HEADER_HEIGHT);
}
}, [ref]);
}, [ref, actualData]);

if (error) {
return (
Expand Down
1 change: 1 addition & 0 deletions src/styles/variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,7 @@ $size-xxxl: $size-base * 11; // 44px;
//  2x      8       24      32      40      56      72      88

$filter-button-height: 26px;
$table-column-min-width: 60px;

$xs: 480px;
$grid-sm: 576px;
Expand Down

0 comments on commit 0943164

Please sign in to comment.