Toggle navigation
Toggle navigation
This project
Loading...
Sign in
2020-1-CloudComputing
/
C_Team_KhuDrive
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Graphs
Network
Create a new issue
Commits
Issue Boards
Authored by
김재형
2020-06-14 19:20:11 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
47a8cbd61a6ad14eb0f4c9076e1acb33c95d925e
47a8cbd6
1 parent
569842a8
Implement Page component
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
43 additions
and
0 deletions
frontend/src/layout/Page.module.scss
frontend/src/layout/Page.tsx
frontend/src/layout/Page.module.scss
0 → 100644
View file @
47a8cbd
.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
;
}
frontend/src/layout/Page.tsx
0 → 100644
View file @
47a8cbd
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>
);
}
Please
register
or
login
to post a comment