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 8 additions and 0 deletions
...@@ -139,12 +139,18 @@ const InputContainer = styled.div` ...@@ -139,12 +139,18 @@ 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 + form {
143 + width: 100%;
142 button { 144 button {
145 + background-color: #27ae60;
143 width: 10%; 146 width: 10%;
147 + color: white;
148 + border-radius: 10px;
144 } 149 }
145 input { 150 input {
146 width: 70%; 151 width: 70%;
147 } 152 }
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;
150 `; 156 `;
...@@ -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>
196 + <form>
190 <Input placeholder={"Enter any words"} /> 197 <Input placeholder={"Enter any words"} />
191 <Button text={"Submit"} /> 198 <Button text={"Submit"} />
199 + </form>
192 </InputContainer> 200 </InputContainer>
193 </InputWrapper> 201 </InputWrapper>
194 </ChatScreenBox> 202 </ChatScreenBox>
......