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` ...@@ -139,11 +139,17 @@ const InputContainer = styled.div`
139 display: flex; 139 display: flex;
140 flex-direction: row; 140 flex-direction: row;
141 width: 70%; 141 width: 70%;
142 - button { 142 + form {
143 - width: 10%; 143 + width: 100%;
144 - } 144 + button {
145 - input { 145 + background-color: #27ae60;
146 - width: 70%; 146 + width: 10%;
147 + color: white;
148 + border-radius: 10px;
149 + }
150 + input {
151 + width: 70%;
152 + }
147 } 153 }
148 border: 1px solid rgba(0, 0, 0, 0.7); 154 border: 1px solid rgba(0, 0, 0, 0.7);
149 border-radius: 10px; 155 border-radius: 10px;
...@@ -187,8 +193,10 @@ export default ({ data }) => { ...@@ -187,8 +193,10 @@ export default ({ data }) => {
187 <ChatScreenBox> 193 <ChatScreenBox>
188 <InputWrapper> 194 <InputWrapper>
189 <InputContainer> 195 <InputContainer>
190 - <Input placeholder={"Enter any words"} /> 196 + <form>
191 - <Button text={"Submit"} /> 197 + <Input placeholder={"Enter any words"} />
198 + <Button text={"Submit"} />
199 + </form>
192 </InputContainer> 200 </InputContainer>
193 </InputWrapper> 201 </InputWrapper>
194 </ChatScreenBox> 202 </ChatScreenBox>
......