Scipaper/front-end
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'Edited container - wideclass condition has been added' (#116) from fix/container-component-and/or-tailwind-class into develop

Browse Source 
Reviewed-on: http://85.143.176.51:3000/free-land/front-end/pulls/116
This commit is contained in:
Denis Gorbunov 2022-09-01 14:26:51 +00:00
commit ada0f450f5
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Container.tsx
View File

@ -5,19 +5,24 @@ type Props = {
* Content of component
*/
children: React.ReactNode;
/**
* Display variants of container
*/
variant?: "straight" | "wide";
/**
* Component styling
*/
className?: string;
} & Omit<React.ComponentPropsWithoutRef<"div">, "">
};
/**
* Main container to handle page content max-width on
* different screen sizes
*/
export default function Container({children, className}: Props) {
export default function Container({ children, variant, className }: Props) {
const wideClass = variant == "straight" ? "container" : "container-wide";
return (
<div className={ classNames('container mx-auto', className) }>
<div className={classNames("mx-auto", wideClass, className)}>
{children}
</div>
)
);
}