Showing
2 changed files
with
43 additions
and
0 deletions
frontend/src/layout/Page.module.scss
0 → 100644
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 | +} |
frontend/src/layout/Page.tsx
0 → 100644
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 | +} |
-
Please register or login to post a comment