2020-1-capstone-design1 / Triz_Project1

Go to a project
Toggle navigation Toggle navigation pinning
sdy
ac67f7c1 1 parent 56fc659b

move folder to Router

Inline Side-by-side
Showing 3 changed files with 18 additions and 27 deletions
import React from "react";
import styled from "styled-components";
import TitleBox from "./TitleBox";
import MenuIcons from "./MenuIcons";
const MenuBar = styled.div`
width: 15%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: 1px 1px 10px #8395a7;
background-color: #667aff;
`;
export default () => {
return (
<MenuBar>
<TitleBox />
<MenuIcons />
</MenuBar>
);
};
import React from "react";
import styled from "styled-components";
import MenuIcons from "./MenuIcons";
const MenuBar = styled.div`
width: 15%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: 1px 1px 10px #8395a7;
background-color: #667aff;
`;
const TitleBox = styled.div`
display: flex;
......@@ -18,8 +30,11 @@ const Title = styled.span`
export default () => {
return (
<TitleBox>
<Title>KhuChat</Title>
</TitleBox>
<MenuBar>
<TitleBox>
<Title>KhuChat</Title>
</TitleBox>
<MenuIcons />
</MenuBar>
);
};
......