-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfooter.js
More file actions
53 lines (48 loc) · 1.15 KB
/
footer.js
File metadata and controls
53 lines (48 loc) · 1.15 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import Repo from './components/Repo';
import Issues from './components/Issuse';
import Contributor from './components/Contributor';
import CopyRight from './components/CopyRight';
import LogoBox from './components/LogoBox';
import styled from 'styled-components';
const FooterBox = styled.div`
position: absolute;
top: 1200px;
min-width: 1200px;
width: 100%;
background: ${props => props.theme.bgFooter};
padding: 10px;
font-size: 18px;
font-weight: 700;
font-family: 'Noto Sans KR', sans-serif;
overflow: hidden;
`;
export const FooterTitle = styled.div`
color: ${props => props.theme.bgBtn2};
cursor: default;
margin-right: 10px;
`;
export const FooterDiv = styled.div`
display: flex;
position: relative;
justify-content: center;
`;
export const FooterInAnchor = styled.a`
padding: 0 5px;
text-decoration-line: none;
color: inherit;
`;
export const repoLink =
'https://github.com/codeisneverodd/programmers-coding-test';
export default function Footer() {
return (
<FooterBox>
<div>
<Repo />
<Issues />
<Contributor />
<CopyRight />
</div>
<LogoBox />
</FooterBox>
);
}