From cac2bbda6add720e00ecf059d0bc0c2414522aa6 Mon Sep 17 00:00:00 2001 From: Ram Reddy <69733662+ramnreddy15@users.noreply.github.com> Date: Wed, 3 Feb 2021 22:57:48 -0500 Subject: [PATCH] Fixes for form --- src/components/Contact.js | 4 ++-- src/components/assets/StyledContactForm.js | 11 ++++++++++- 2 files changed, 12 insertions(+), 3 deletions(-) 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