Showing
1 changed file
with
39 additions
and
0 deletions
front/src/Components/Home/HomeMain.js
0 → 100644
1 | +import React from "react"; | ||
2 | +import styled from "styled-components"; | ||
3 | +import HomeDate from "./HomeDate"; | ||
4 | +import HomeCalender from "./HomeCalendar"; | ||
5 | +import HomeCheckList from "./HomeCheckList"; | ||
6 | + | ||
7 | +const HomeContainer = styled.div` | ||
8 | + display: flex; | ||
9 | + flex-direction: row; | ||
10 | + width: 85%; | ||
11 | +`; | ||
12 | +const HomeMiddleBox = styled.div` | ||
13 | + display: flex; | ||
14 | + flex-direction: column; | ||
15 | + justify-content: center; | ||
16 | + align-items: center; | ||
17 | + width: 70%; | ||
18 | +`; | ||
19 | +const HomeRightBox = styled.div` | ||
20 | + display: flex; | ||
21 | + flex-direction: column; | ||
22 | + justify-content: center; | ||
23 | + align-items: space-between; | ||
24 | + width: 30%; | ||
25 | +`; | ||
26 | + | ||
27 | +export default () => { | ||
28 | + return ( | ||
29 | + <HomeContainer> | ||
30 | + <HomeMiddleBox> | ||
31 | + <HomeDate /> | ||
32 | + </HomeMiddleBox> | ||
33 | + <HomeRightBox> | ||
34 | + <HomeCalender /> | ||
35 | + <HomeCheckList /> | ||
36 | + </HomeRightBox> | ||
37 | + </HomeContainer> | ||
38 | + ); | ||
39 | +}; |
-
Please register or login to post a comment