fakz9/Crm-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: styles refactored

Browse Source
This commit is contained in:
AlexSserb
2025-09-05 15:55:20 +04:00
parent 0236379898
commit 67780b5251
6 changed files with 8 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/deals/components/desktop/DealsTable/DealsTable.tsx
View File

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

2
src/app/deals/components/shared/views/BoardView.tsx
View File

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

2
src/app/deals/components/shared/views/TableView.tsx
View File

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

6
src/components/layout/PageBlock/PageBlock.module.css
View File

@ -19,12 +19,6 @@
} }
.container-full-height { .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); height: var(--page-height);
} }

4
src/components/layout/PageBlock/PageBlock.tsx
View File

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

1
src/components/layout/PageContainer/PageContainer.module.css
View File

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