{Object.entries(GENERAL_HEADERS).map(([dataKey, { key, name }]) => (
-
@@ -17,7 +17,7 @@ const General = ({ data }) => (
{key === 'status' && data.error ? data.error : data[key]}
-
+
))}
);
diff --git a/src/Containers/MainContainer.styles.scss b/src/Containers/MainContainer.styles.scss
index 091786f..f6ebc4a 100644
--- a/src/Containers/MainContainer.styles.scss
+++ b/src/Containers/MainContainer.styles.scss
@@ -12,5 +12,6 @@
height: 100%;
width: 100%;
overflow: auto;
+ overflow-x: hidden;
outline: none;
}
diff --git a/src/Containers/NetworkTableContainer.jsx b/src/Containers/NetworkTableContainer.jsx
index 72e1313..5de49fa 100644
--- a/src/Containers/NetworkTableContainer.jsx
+++ b/src/Containers/NetworkTableContainer.jsx
@@ -27,7 +27,7 @@ const NetworkTableContainer = () => {
if (ref?.current) {
setTableBodyHeight(ref.current.clientHeight - TABLE_HEADER_HEIGHT);
}
- }, [ref]);
+ }, [ref, actualData]);
if (error) {
return (
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 852e0f7..2c602b7 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -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;