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
import React from "react";
import styled from "styled-components";
import ImgIconBox from "../ImgIcon";
import TextBox from "./TextBox";
const ChatListBox = styled.div`
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin: 20px 10px;
`;
export default () => {
return (
<ChatListBox>
<ImgIconBox />
<TextBox />
</ChatListBox>
);
};
import React from "react";
import Styled from "styled-components";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faPlusCircle } from "@fortawesome/free-solid-svg-icons";
import SearchBox from "../SearchBox";
import ChatListBox from "./ChatListBox";
const FriendsList = Styled.div`
width: 30%;
height: 100%;
display:flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 20px 10px;
box-shadow: 1px 1px 7px #8395a7;
`;
const PlusIconBox = Styled.div`
width:100%;
display:flex;
justify-content:flex-end;
align-items:center;
font-size: 45px;
color: #98D79C;
`;
export default () => {
return (
<FriendsList>
<SearchBox />
<ChatListBox />
<ChatListBox />
<ChatListBox />
<PlusIconBox>
<FontAwesomeIcon icon={faPlusCircle} />
</PlusIconBox>
</FriendsList>
);
};
import React from "react";
import styled from "styled-components";
const TextBox = styled.div`
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 0px 15px;
`;
const NickNameBox = styled.div`
display: flex;
margin-bottom: 5px;
`;
const NickName = styled.span`
opacity: 0.8;
`;
const MsgPreviewBox = styled.div`
display: flex;
`;
const MsgPreview = styled.span`
opacity: 0.5;
`;
export default () => {
return (
<TextBox>
<NickNameBox>
<NickName>NickName</NickName>
</NickNameBox>
<MsgPreviewBox>
<MsgPreview>MsgPreview...</MsgPreview>
</MsgPreviewBox>
</TextBox>
);
};