2020-1-capstone-design1 / Triz_Project1

Go to a project
Toggle navigation Toggle navigation pinning
sdy
0c245085 1 parent f5ca7cd2

remove unnecessary files

Inline Side-by-side
Showing 3 changed files with 0 additions and 102 deletions
1 -import React from "react";
2 -import styled from "styled-components";
3 -import ImgIconBox from "../ImgIcon";
4 -import TextBox from "./TextBox";
5 -
6 -const ChatListBox = styled.div`
7 - width: 100%;
8 - display: flex;
9 - flex-direction: row;
10 - justify-content: flex-start;
11 - align-items: center;
12 - margin: 20px 10px;
13 -`;
14 -
15 -export default () => {
16 - return (
17 - <ChatListBox>
18 - <ImgIconBox />
19 - <TextBox />
20 - </ChatListBox>
21 - );
22 -};
1 -import React from "react";
2 -import Styled from "styled-components";
3 -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
4 -import { faPlusCircle } from "@fortawesome/free-solid-svg-icons";
5 -import SearchBox from "../SearchBox";
6 -import ChatListBox from "./ChatListBox";
7 -
8 -const FriendsList = Styled.div`
9 - width: 30%;
10 - height: 100%;
11 - display:flex;
12 - flex-direction: column;
13 - justify-content: space-between;
14 - align-items: center;
15 - padding: 20px 10px;
16 - box-shadow: 1px 1px 7px #8395a7;
17 -`;
18 -
19 -const PlusIconBox = Styled.div`
20 - width:100%;
21 - display:flex;
22 - justify-content:flex-end;
23 - align-items:center;
24 - font-size: 45px;
25 - color: #98D79C;
26 -`;
27 -
28 -export default () => {
29 - return (
30 - <FriendsList>
31 - <SearchBox />
32 - <ChatListBox />
33 - <ChatListBox />
34 - <ChatListBox />
35 - <PlusIconBox>
36 - <FontAwesomeIcon icon={faPlusCircle} />
37 - </PlusIconBox>
38 - </FriendsList>
39 - );
40 -};
1 -import React from "react";
2 -import styled from "styled-components";
3 -
4 -const TextBox = styled.div`
5 - display: flex;
6 - flex-direction: column;
7 - justify-content: flex-start;
8 - align-items: flex-start;
9 - padding: 0px 15px;
10 -`;
11 -
12 -const NickNameBox = styled.div`
13 - display: flex;
14 - margin-bottom: 5px;
15 -`;
16 -
17 -const NickName = styled.span`
18 - opacity: 0.8;
19 -`;
20 -
21 -const MsgPreviewBox = styled.div`
22 - display: flex;
23 -`;
24 -
25 -const MsgPreview = styled.span`
26 - opacity: 0.5;
27 -`;
28 -
29 -export default () => {
30 - return (
31 - <TextBox>
32 - <NickNameBox>
33 - <NickName>NickName</NickName>
34 - </NickNameBox>
35 - <MsgPreviewBox>
36 - <MsgPreview>MsgPreview...</MsgPreview>
37 - </MsgPreviewBox>
38 - </TextBox>
39 - );
40 -};