carloswinter/desafio-react-e-typescript-carlos-winter
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

development #5

Merged
carloswinter merged 2 commits from development into main 2023-01-20 17:48:53 +00:00
Conversation 0 Commits 2 Files Changed 2 +27 -2
2 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ContactForm.tsx
View File

@ -114,7 +114,7 @@ export const ContactForm = () => {
<div className="checkbox_wrapper">
<label htmlFor="checkbox">Declaro que li e aceito</label>
<span className="error">
<span className="errorCheckbox">
<ErrorMessage name="checkbox" className="form-ivalid-feedback" />
</span>
<Field
@ -125,7 +125,9 @@ export const ContactForm = () => {
/>
</div>
<button>CADASTRE-SE</button>
{isSubmited && <span>*Formulário enviado com sucesso!</span>}
{isSubmited && (
<span className="formSubmit">*Formulário enviado com sucesso!</span>
)}
</Form>
)}
</Formik>

23
src/pages/Contact.modules.scss
View File

@ -62,6 +62,21 @@ form {
}
}
}
.formSubmit {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
margin-top: 12.56px;
color: #008000;
@media (min-width: 2500px) {
font-size: 24px;
line-height: 28px;
margin-top: 12px;
}
}
.error {
display: flex;
justify-content: end;
@ -81,6 +96,14 @@ form {
line-height: 28px;
}
}
.errorCheckbox {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #ff0000;
}
.checkbox_wrapper {
margin: 12px 0;