refactor: removed unused page block
This commit is contained in:
@ -1,33 +0,0 @@
|
|||||||
|
|
||||||
.container {
|
|
||||||
@mixin dark {
|
|
||||||
background-color: var(--mantine-color-dark-7-5);
|
|
||||||
box-shadow: var(--dark-shadow);
|
|
||||||
}
|
|
||||||
@mixin light {
|
|
||||||
background-color: var(--color-light-whitesmoke);
|
|
||||||
box-shadow: var(--light-shadow);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-active {
|
|
||||||
@mixin dark {
|
|
||||||
background-color: var(--mantine-color-dark-8);
|
|
||||||
box-shadow: var(--dark-thick-shadow);
|
|
||||||
}
|
|
||||||
@mixin light {
|
|
||||||
background-color: white;
|
|
||||||
box-shadow: var(--light-thick-shadow);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container:hover {
|
|
||||||
@mixin dark {
|
|
||||||
background-color: var(--mantine-color-dark-8);
|
|
||||||
box-shadow: var(--dark-thick-shadow);
|
|
||||||
}
|
|
||||||
@mixin light {
|
|
||||||
background-color: white;
|
|
||||||
box-shadow: var(--light-thick-shadow);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,25 +0,0 @@
|
|||||||
import { CSSProperties, FC, ReactNode } from "react";
|
|
||||||
import classNames from "classnames";
|
|
||||||
import styles from "@/components/layout/SmallPageBlock/SmallPageBlock.module.css";
|
|
||||||
import { Box } from "@mantine/core";
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
children: ReactNode;
|
|
||||||
style?: CSSProperties;
|
|
||||||
active?: boolean;
|
|
||||||
};
|
|
||||||
|
|
||||||
const SmallPageBlock: FC<Props> = ({ children, style, active = false }) => {
|
|
||||||
return (
|
|
||||||
<Box
|
|
||||||
bdrs={"lg"}
|
|
||||||
className={classNames(
|
|
||||||
styles.container,
|
|
||||||
active && styles["container-active"]
|
|
||||||
)}
|
|
||||||
style={style}>
|
|
||||||
{children}
|
|
||||||
</Box>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
export default SmallPageBlock;
|
|
||||||
Reference in New Issue
Block a user