김재형

Implement Page component

1 +.layout {
2 + height: 100%;
3 +}
4 +
5 +.content {
6 + background: #fff;
7 + padding: 25px 50px;
8 +}
9 +
10 +.logo {
11 + width: 120px;
12 + height: 31px;
13 + margin: 16px 24px 16px 0;
14 + float: left;
15 + display: flex;
16 + align-items: center;
17 + justify-content: center;
18 + color: white;
19 + font-size: 24px;
20 + font-weight: bold;
21 +}
22 +
23 +.footer {
24 + text-align: center;
25 +}
1 +import React from "react";
2 +import { Layout } from "antd";
3 +
4 +import styles from "./Page.module.scss";
5 +
6 +export function Page({ children }: { children: React.ReactNode }) {
7 + return (
8 + <Layout className={styles.layout}>
9 + <Layout.Header>
10 + <div className={styles.logo}>KHUDrive</div>
11 + </Layout.Header>
12 + <Layout.Content className={styles.content}>{children}</Layout.Content>
13 + <Layout.Footer className={styles.footer}>
14 + © 2020 Cloud Computing Team C
15 + </Layout.Footer>
16 + </Layout>
17 + );
18 +}