김재형

Implement Page component

.layout {
height: 100%;
}
.content {
background: #fff;
padding: 25px 50px;
}
.logo {
width: 120px;
height: 31px;
margin: 16px 24px 16px 0;
float: left;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 24px;
font-weight: bold;
}
.footer {
text-align: center;
}
import React from "react";
import { Layout } from "antd";
import styles from "./Page.module.scss";
export function Page({ children }: { children: React.ReactNode }) {
return (
<Layout className={styles.layout}>
<Layout.Header>
<div className={styles.logo}>KHUDrive</div>
</Layout.Header>
<Layout.Content className={styles.content}>{children}</Layout.Content>
<Layout.Footer className={styles.footer}>
© 2020 Cloud Computing Team C
</Layout.Footer>
</Layout>
);
}