1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-10-14 03:04:26 -04:00

more preparation for styled components

This commit is contained in:
2022-01-19 11:00:28 -05:00
parent caac9b905a
commit 171bdd65b6
15 changed files with 60 additions and 271 deletions

View File

@@ -9,14 +9,6 @@
border-color: var(--light);
}
textarea.input {
height: 12em;
min-height: 6em;
margin-bottom: 0;
line-height: 1.5;
resize: vertical;
}
.input:focus {
outline: none;
border-color: var(--link);
@@ -26,6 +18,14 @@ textarea.input {
border-color: var(--error);
}
.textarea {
height: 12em;
min-height: 6em;
margin-bottom: 0;
line-height: 1.5;
resize: vertical;
}
.markdown_tip {
font-size: 0.825em;
line-height: 1.75;
@@ -71,6 +71,7 @@ textarea.input {
.result_success,
.result_error {
font-weight: 600;
line-height: 1.5;
}
.result_success {

View File

@@ -114,7 +114,7 @@ const ContactForm = () => {
disabled={success}
/>
<Field
className={cx({ input: true, missing: errors.message && touched.message })}
className={cx({ input: true, textarea: true, missing: errors.message && touched.message })}
name="message"
component="textarea"
placeholder="Write something..."