2020-1-capstone-design1 / Triz_Project1

Go to a project
Toggle navigation Toggle navigation pinning
sdy
f4393ae5 1 parent 2c5528d5

update style

Inline Side-by-side
Showing 1 changed file with 7 additions and 2 deletions
1 import React from "react"; 1 import React from "react";
2 import styled from "styled-components"; 2 import styled from "styled-components";
3 -import HomeDate from "./HomeDate"; 3 +import HomeTodo from "./HomeTodo";
4 import HomeCalender from "./HomeCalendar"; 4 import HomeCalender from "./HomeCalendar";
5 import HomeCheckList from "./HomeCheckList"; 5 import HomeCheckList from "./HomeCheckList";
6 +import img from "../../imgs/1.jpg";
6 7
7 const HomeContainer = styled.div` 8 const HomeContainer = styled.div`
8 display: flex; 9 display: flex;
9 flex-direction: row; 10 flex-direction: row;
10 width: 85%; 11 width: 85%;
12 + background-image: url(${img});
13 + background-position: center;
14 + background-size: cover;
11 `; 15 `;
16 +
12 const HomeMiddleBox = styled.div` 17 const HomeMiddleBox = styled.div`
13 display: flex; 18 display: flex;
14 flex-direction: column; 19 flex-direction: column;
...@@ -28,7 +33,7 @@ export default () => { ...@@ -28,7 +33,7 @@ export default () => {
28 return ( 33 return (
29 <HomeContainer> 34 <HomeContainer>
30 <HomeMiddleBox> 35 <HomeMiddleBox>
31 - <HomeDate /> 36 + <HomeTodo />
32 </HomeMiddleBox> 37 </HomeMiddleBox>
33 <HomeRightBox> 38 <HomeRightBox>
34 <HomeCalender /> 39 <HomeCalender />
......