2020-1-capstone-design1 / Triz_Project1

Go to a project
Toggle navigation Toggle navigation pinning
sdy
166f87db 1 parent caccdcd5

update chatScreen style

Inline Side-by-side
Showing 1 changed file with 15 additions and 7 deletions
......@@ -139,11 +139,17 @@ const InputContainer = styled.div`
display: flex;
flex-direction: row;
width: 70%;
button {
width: 10%;
}
input {
width: 70%;
form {
width: 100%;
button {
background-color: #27ae60;
width: 10%;
color: white;
border-radius: 10px;
}
input {
width: 70%;
}
}
border: 1px solid rgba(0, 0, 0, 0.7);
border-radius: 10px;
......@@ -187,8 +193,10 @@ export default ({ data }) => {
<ChatScreenBox>
<InputWrapper>
<InputContainer>
<Input placeholder={"Enter any words"} />
<Button text={"Submit"} />
<form>
<Input placeholder={"Enter any words"} />
<Button text={"Submit"} />
</form>
</InputContainer>
</InputWrapper>
</ChatScreenBox>
......