{
;
};
-export default Layout;
+export default MainLayout;
diff --git a/app/vmui/packages/vmui/src/layouts/MainLayout/style.scss b/app/vmui/packages/vmui/src/layouts/MainLayout/style.scss
new file mode 100644
index 0000000000..32e8ccf90a
--- /dev/null
+++ b/app/vmui/packages/vmui/src/layouts/MainLayout/style.scss
@@ -0,0 +1,27 @@
+@use "src/styles/variables" as *;
+
+.vm-container {
+ display: flex;
+ flex-direction: column;
+ min-height: calc(($vh * 100) - var(--scrollbar-height));
+
+ &-body {
+ flex-grow: 1;
+ min-height: 100%;
+ padding: $padding-medium;
+ background-color: $color-background-body;
+
+ &_mobile {
+ padding: $padding-small 0 0;
+ }
+
+ @media (max-width: 768px) {
+ padding: $padding-small 0 0;
+ }
+
+ &_app {
+ padding: $padding-small 0;
+ background-color: transparent;
+ }
+ }
+}
diff --git a/app/vmui/packages/vmui/src/pages/CardinalityPanel/Table/Table.tsx b/app/vmui/packages/vmui/src/pages/CardinalityPanel/Table/Table.tsx
index d23547227c..13839d455b 100644
--- a/app/vmui/packages/vmui/src/pages/CardinalityPanel/Table/Table.tsx
+++ b/app/vmui/packages/vmui/src/pages/CardinalityPanel/Table/Table.tsx
@@ -2,7 +2,7 @@ import React, { FC, useState } from "preact/compat";
import { MouseEvent } from "react";
import { Data, Order, TableProps, } from "./types";
import { EnhancedTableHead } from "./TableHead";
-import { getComparator, stableSort } from "./helpers";
+import { getComparator, stableSort } from "../../../components/Table/helpers";
const EnhancedTable: FC
= ({
rows,
diff --git a/app/vmui/packages/vmui/src/pages/CustomPanel/index.tsx b/app/vmui/packages/vmui/src/pages/CustomPanel/index.tsx
index 0369c946bf..4e169c1e80 100644
--- a/app/vmui/packages/vmui/src/pages/CustomPanel/index.tsx
+++ b/app/vmui/packages/vmui/src/pages/CustomPanel/index.tsx
@@ -11,7 +11,7 @@ import Spinner from "../../components/Main/Spinner/Spinner";
import { useFetchQueryOptions } from "../../hooks/useFetchQueryOptions";
import TracingsView from "../../components/TraceQuery/TracingsView";
import Trace from "../../components/TraceQuery/Trace";
-import TableSettings from "../CardinalityPanel/Table/TableSettings/TableSettings";
+import TableSettings from "../../components/Table/TableSettings/TableSettings";
import { useCustomPanelState, useCustomPanelDispatch } from "../../state/customPanel/CustomPanelStateContext";
import { useQueryState } from "../../state/query/QueryStateContext";
import { useTimeDispatch, useTimeState } from "../../state/time/TimeStateContext";
diff --git a/app/vmui/packages/vmui/src/pages/ExploreLogs/ExploreLogsBody/ExploreLogsBody.tsx b/app/vmui/packages/vmui/src/pages/ExploreLogs/ExploreLogsBody/ExploreLogsBody.tsx
index 4546995a7f..ff33d65f76 100644
--- a/app/vmui/packages/vmui/src/pages/ExploreLogs/ExploreLogsBody/ExploreLogsBody.tsx
+++ b/app/vmui/packages/vmui/src/pages/ExploreLogs/ExploreLogsBody/ExploreLogsBody.tsx
@@ -12,7 +12,7 @@ import SelectLimit from "../../../components/Main/Pagination/SelectLimit/SelectL
import useStateSearchParams from "../../../hooks/useStateSearchParams";
import useSearchParamsFromObject from "../../../hooks/useSearchParamsFromObject";
import { getFromStorage, saveToStorage } from "../../../utils/storage";
-import TableSettings from "../../CardinalityPanel/Table/TableSettings/TableSettings";
+import TableSettings from "../../../components/Table/TableSettings/TableSettings";
import useBoolean from "../../../hooks/useBoolean";
import TableLogs from "./TableLogs";
import GroupLogs from "./GroupLogs";
diff --git a/app/vmui/packages/vmui/src/pages/TopQueries/TopQueryTable/TopQueryTable.tsx b/app/vmui/packages/vmui/src/pages/TopQueries/TopQueryTable/TopQueryTable.tsx
index b93ba2bf62..2277113fbf 100644
--- a/app/vmui/packages/vmui/src/pages/TopQueries/TopQueryTable/TopQueryTable.tsx
+++ b/app/vmui/packages/vmui/src/pages/TopQueries/TopQueryTable/TopQueryTable.tsx
@@ -1,6 +1,6 @@
import React, { FC, useState, useMemo } from "react";
import { TopQuery } from "../../../types";
-import { getComparator, stableSort } from "../../CardinalityPanel/Table/helpers";
+import { getComparator, stableSort } from "../../../components/Table/helpers";
import { TopQueryPanelProps } from "../TopQueryPanel/TopQueryPanel";
import classNames from "classnames";
import { ArrowDropDownIcon, CopyIcon, PlayCircleOutlineIcon } from "../../../components/Main/Icons";
diff --git a/app/vmui/packages/vmui/src/setupTests.ts b/app/vmui/packages/vmui/src/setupTests.ts
deleted file mode 100644
index ede6ff16de..0000000000
--- a/app/vmui/packages/vmui/src/setupTests.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import "@testing-library/jest-dom";
\ No newline at end of file