diff --git a/src/components/FormInput/FormInput.tsx b/src/components/FormInput/FormInput.tsx index 97ecd9a..3269c29 100644 --- a/src/components/FormInput/FormInput.tsx +++ b/src/components/FormInput/FormInput.tsx @@ -95,8 +95,15 @@ const FormInput = () => { {({ errors, touched }) => (
- - +
+ + +
+ { className={errors.nome && touched.nome && "invalid"} />
-
- - +
+
+ + +
- + )} diff --git a/src/components/FormInput/formInput.module.scss b/src/components/FormInput/formInput.module.scss index 09d62aa..42b097d 100644 --- a/src/components/FormInput/formInput.module.scss +++ b/src/components/FormInput/formInput.module.scss @@ -41,6 +41,7 @@ .form-col { display: flex; flex-direction: column; + margin-bottom: 12px; } .form-col label { font-weight: 400; @@ -69,6 +70,7 @@ } } } + .form-wrapper button { width: 100%; height: 52.44px; @@ -80,4 +82,38 @@ text-transform: uppercase; letter-spacing: 0.05em; font-weight: 400; + @media screen and (min-width: 2500px) { + height: 71px; + font-size: 32px; + } +} +.form-text { + display: flex; + justify-content: space-between; +} +.form-error { + color: red; +} +.form-check { + display: flex; + flex-direction: rows; + justify-content: center; + align-items: center; +} +.form-check label { + a { + color: #000; + } + margin-right: 5px; +} +.form-checkbox { +} + +#check { + font-size: 15px; + border: 1px solid #000000; + border-radius: 3px; +} +.form-btn { + margin-top: 12px; }