interview page and design fixes
This commit is contained in:
@ -1,7 +1,6 @@
|
||||
import React, { useState } from 'react';
|
||||
import style from './Form.module.css';
|
||||
import { fetchForm } from '../../server/server';
|
||||
import arrow from '../../images/right-arrow.png';
|
||||
import { useHistory, useParams, Redirect } from 'react-router-dom';
|
||||
import PhoneInput from 'react-phone-input-2'
|
||||
import 'react-phone-input-2/lib/style.css'
|
||||
@ -49,14 +48,12 @@ const Form = () => {
|
||||
)
|
||||
};
|
||||
|
||||
const goBack = () => {
|
||||
history.goBack();
|
||||
};
|
||||
|
||||
|
||||
console.log('s',status)
|
||||
|
||||
return (
|
||||
<div className="container">
|
||||
<>
|
||||
{status && <SweetAlert
|
||||
show={!!status}
|
||||
text={status.errors ? status.errors[Object.keys(status.errors)[0]] : 'Форма отправлена'}
|
||||
@ -64,14 +61,6 @@ const Form = () => {
|
||||
/>}
|
||||
<div className="row">
|
||||
<div className="col-sm-12">
|
||||
<div className={style.form__arrow} onClick={() => goBack()}>
|
||||
<div className={style.form__arrow__img}>
|
||||
<img src={arrow} alt="" />
|
||||
</div>
|
||||
<div className={style.form__arrow__sp}>
|
||||
<span>Вернуться к кандидату</span>
|
||||
</div>
|
||||
</div>
|
||||
<form className={style.form} id="test">
|
||||
<label htmlFor="email">Емейл:</label>
|
||||
<input
|
||||
@ -116,7 +105,7 @@ const Form = () => {
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
|
@ -19,7 +19,7 @@
|
||||
|
||||
.form > input {
|
||||
max-width: 366px;
|
||||
height: 75px;
|
||||
height: 62px;
|
||||
box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
|
||||
border-radius: 37px;
|
||||
border: 1px solid #c4c4c4;
|
||||
@ -39,7 +39,7 @@
|
||||
|
||||
.form > textarea {
|
||||
max-width: 366px;
|
||||
height: 75px;
|
||||
height: 62px;
|
||||
margin-bottom: 40px;
|
||||
box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
|
||||
border-radius: 37px;
|
||||
@ -64,7 +64,7 @@ textarea {
|
||||
}
|
||||
|
||||
.form__btn {
|
||||
width: 288px;
|
||||
width: 332px;
|
||||
height: 75px;
|
||||
box-shadow: 6px 5px 20px rgba(82, 151, 34, 0.21);
|
||||
border-radius: 38px;
|
||||
@ -86,12 +86,7 @@ textarea {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.form__arrow {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.form__arrow {
|
||||
@ -99,21 +94,7 @@ textarea {
|
||||
}
|
||||
}
|
||||
|
||||
.form__arrow__img > img {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.form__arrow__sp > span {
|
||||
margin-left: 40px;
|
||||
margin-right: 120px;
|
||||
font-family: 'GT Eesti Pro Display';
|
||||
font-size: 1.8em;
|
||||
font-weight: 100;
|
||||
font-style: normal;
|
||||
letter-spacing: normal;
|
||||
line-height: 36px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.form__arrow__sp > span {
|
||||
|
Reference in New Issue
Block a user