refactor: styles refactored
This commit is contained in:
@ -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);
|
||||
}
|
||||
|
||||
|
||||
@ -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,
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
height: 100vh;
|
||||
background-color: transparent;
|
||||
|
||||
@media (min-width: 48em) {
|
||||
|
||||
Reference in New Issue
Block a user