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