Toggle navigation
Toggle navigation
This project
Loading...
Sign in
2020-1-capstone-design1
/
Triz_Project1
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
1
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
sdy
2020-05-15 21:30:54 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
49cf95fb27fb884f4e6ccb8b06e167cec12737e1
49cf95fb
1 parent
6a496913
create HomeCheckList component
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
43 additions
and
0 deletions
front/src/Components/Home/HomeCheckList.js
front/src/Components/Home/HomeCheckList.js
0 → 100644
View file @
49cf95f
import
React
from
"react"
;
import
styled
from
"styled-components"
;
import
{
FontAwesomeIcon
}
from
"@fortawesome/react-fontawesome"
;
import
{
faCheckCircle
}
from
"@fortawesome/free-solid-svg-icons"
;
const
CheckListBox
=
styled
.
div
`
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 50%;
border: 1px solid;
`
;
const
ElementBox
=
styled
.
div
`
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
`
;
const
IconBox
=
styled
.
div
`
svg {
font-size: 15px;
}
`
;
const
ListContentBox
=
styled
.
div
`
font-size: 15px;
`
;
export
default
()
=>
{
return
(
<
CheckListBox
>
<
ElementBox
>
<
IconBox
>
<
FontAwesomeIcon
icon
=
{
faCheckCircle
}
/
>
<
/IconBox
>
<
ListContentBox
>
Check
List
One
<
/ListContentBox
>
<
/ElementBox
>
<
/CheckListBox
>
);
};
Please
register
or
login
to post a comment