refactor: styles refactored

src/app/deals/components/desktop/DealsTable/DealsTable.tsx

@@ -34,7 +34,7 @@ const DealsTable: FC = () => {
     return (
         <Stack
             gap={"xs"}
-            h={"calc(100vh - var(--mantine-spacing-xl) * 4)"}>
+            h={"100%"}>
             <BaseTable
                 records={[...deals]}
                 columns={columns}
@@ -61,6 +61,9 @@ const DealsTable: FC = () => {
                     </Group>
                 }
                 groups={undefined}
+                style={{
+                    height: "100%",
+                }}
             />
             {paginationInfo && paginationInfo.totalPages > 1 && (
                 <Group justify={"flex-end"}>

src/app/deals/components/shared/views/BoardView.tsx

@@ -4,7 +4,7 @@ import Funnel from "@/app/deals/components/shared/Funnel/Funnel";
 import PageBlock from "@/components/layout/PageBlock/PageBlock";
 
 export const BoardView = () => (
-    <PageBlock>
+    <PageBlock style={{ height: "100%" }}>
         <MainBlockHeader />
         <Space h="md" />
         <Funnel />

src/app/deals/components/shared/views/TableView.tsx

@@ -2,7 +2,7 @@ import DealsTable from "@/app/deals/components/desktop/DealsTable/DealsTable";
 import PageBlock from "@/components/layout/PageBlock/PageBlock";
 
 export const TableView = () => (
-    <PageBlock>
+    <PageBlock style={{ height: "100%" }}>
         <DealsTable />
     </PageBlock>
 );

src/components/layout/PageBlock/PageBlock.module.css

@@ -19,12 +19,6 @@
 }
 
 .container-full-height {
-    min-height: var(--page-height);
-    height: var(--page-height);
-    max-height: var(--page-height);
-}
-
-.container-full-height-fixed {
     height: var(--page-height);
 }
 

src/components/layout/PageBlock/PageBlock.tsx

@@ -1,7 +1,7 @@
 import { CSSProperties, FC, ReactNode } from "react";
 import classNames from "classnames";
-import styles from "./PageBlock.module.css";
 import { Box } from "@mantine/core";
+import styles from "./PageBlock.module.css";
 
 type Props = {
     children: ReactNode;
@@ -19,7 +19,6 @@ const PageBlock: FC<Props> = ({
     style,
     className = "",
     fullHeight = false,
-    fullHeightFixed = false,
     noBorderRadius = false,
     fullScreenMobile = false,
     transparent = false,
@@ -31,7 +30,6 @@ const PageBlock: FC<Props> = ({
             className={classNames(
                 styles.container,
                 fullHeight && styles["container-full-height"],
-                fullHeightFixed && styles["container-full-height-fixed"],
                 noBorderRadius && styles["container-no-border-radius"],
                 fullScreenMobile && styles["container-full-screen-mobile"],
                 transparent && styles.transparent,

src/components/layout/PageContainer/PageContainer.module.css

@@ -2,6 +2,7 @@
     display: flex;
     flex-direction: column;
     min-height: 100vh;
+    height: 100vh;
     background-color: transparent;
 
     @media (min-width: 48em) {