reset and confirm modals

This commit is contained in:
2023-07-18 16:20:40 +03:00
parent 7c7ea86c8c
commit e0b289c3fd
12 changed files with 315 additions and 4 deletions

View File

@@ -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>
);
};

View File

@@ -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;
}
}