mirror of
https://github.com/Paris-est-Ludique/intranet.git
synced 2025-09-11 13:56:29 +02:00
create Page component
This commit is contained in:
14
src/components/Page/Page.tsx
Normal file
14
src/components/Page/Page.tsx
Normal file
@@ -0,0 +1,14 @@
|
||||
import React, { FC } from "react"
|
||||
import styles from "./styles.module.scss"
|
||||
|
||||
type Props = {
|
||||
children: React.ReactNode
|
||||
}
|
||||
|
||||
const Page: FC<Props> = ({ children }): JSX.Element => (
|
||||
<div className={styles.pageWrapper}>
|
||||
<div className={styles.pageContent}>{children}</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
export default Page
|
9
src/components/Page/styles.module.scss
Executable file
9
src/components/Page/styles.module.scss
Executable file
@@ -0,0 +1,9 @@
|
||||
@import "../../theme/mixins";
|
||||
|
||||
.pageWrapper {
|
||||
@include page-wrapper-center;
|
||||
}
|
||||
|
||||
.pageContent {
|
||||
@include page-content-wrapper(800px);
|
||||
}
|
Reference in New Issue
Block a user