diff --git a/src/components/Contact.js b/src/components/Contact.js index 386ff64..23aa9db 100644 --- a/src/components/Contact.js +++ b/src/components/Contact.js @@ -1,7 +1,7 @@ import React, {Component} from "react"; import emailjs from "emailjs-com"; import styled, {createGlobalStyle} from 'styled-components'; -import {StyledFormWrapper, StyledForm, StyledButton, StyledError, StyledInput, StyledTextArea, sharedStyles} from "./assets/StyledContactForm.js"; +import {StyledFormWrapper, StyledForm, StyledButton, StyledError, StyledInput, StyledTextArea, sharedStyles, StyledTextAreaSubject} from "./assets/StyledContactForm.js"; const GlobalStyle = createGlobalStyle` @@ -97,7 +97,7 @@ class ContactForm extends Component { onChange={this.handleEmailChange} /> - diff --git a/src/components/assets/StyledContactForm.js b/src/components/assets/StyledContactForm.js index daf5158..7474ca8 100644 --- a/src/components/assets/StyledContactForm.js +++ b/src/components/assets/StyledContactForm.js @@ -34,6 +34,14 @@ const StyledInput = styled.input` ${sharedStyles} `; +const StyledTextAreaSubject = styled.textarea` + background-color: #eee; + width: 100%; + min-height: 60px; + resize: none; + ${sharedStyles} +`; + const StyledTextArea = styled.textarea` background-color: #eee; width: 100%; @@ -68,5 +76,6 @@ export { StyledInput, StyledTextArea, StyledButton, - StyledError + StyledError, + StyledTextAreaSubject }; \ No newline at end of file