reset and confirm modals
This commit is contained in:
@@ -0,0 +1,17 @@
|
||||
import React from "react";
|
||||
|
||||
import close from "assets/icons/closeProjectPersons.svg";
|
||||
|
||||
import "./modalTrackerRegistration.scss";
|
||||
|
||||
export const ModalTrackerRegistration = ({ setModalReset }) => {
|
||||
return (
|
||||
<div className="modalConfirmTracker">
|
||||
<h3 className='modalConfirmTracker__title'>Спасибо за регистрацию. Теперь можете войти в кабинет</h3>
|
||||
<p className='modalConfirmTracker__info'>Мы отправили ссылку<br/>
|
||||
для активации вашего аккаунта на почту<br/> <span>nhw44308@mail.com</span></p>
|
||||
<button className='modalConfirmTracker__btn'>Перейти в почту</button>
|
||||
<img onClick={() => setModalReset(false)} src={close} className='modalReset__close' alt='close' />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,39 @@
|
||||
.modalConfirmTracker {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 40px 40px 10px;
|
||||
|
||||
&__title {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
max-width: 360px;
|
||||
margin-bottom: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__info {
|
||||
font-size: 15px;
|
||||
font-weight: 300;
|
||||
max-width: 320px;
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
|
||||
span {
|
||||
font-weight: 700;
|
||||
line-height: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
&__btn {
|
||||
border-radius: 44px;
|
||||
background: #52B709;
|
||||
outline: none;
|
||||
border: none;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 32px;
|
||||
color: #FFF;
|
||||
padding: 9px 37px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user