style fix

This commit is contained in:
Victor Batischev
2024-01-31 16:25:06 +03:00
parent 8462d38862
commit 73c9101be2
13 changed files with 42 additions and 40 deletions

View File

@@ -19,25 +19,25 @@ export const TrackerRegistration = () => {
});
return (
<div className="trackerRegistration">
<div className="tracker-registration">
<AuthHeader />
<SideBar />
<div className="trackerAuth__content">
<div className="tracker-auth__content">
<div className="container">
<h1 className="trackerAuth__title">
<h1 className="tracker-auth__title">
Создайте свое{" "}
<span>
рабочее пространство
<img src={arrowInfo} alt="arrow" />
</span>
</h1>
<div className="trackerRegistration__form">
<div className="trackerRegistration__form__inputs">
<div className="trackerRegistration__inputContainer">
<div className="tracker-registration__form">
<div className="tracker-registration__form__inputs">
<div className="tracker-registration__inputContainer">
<span>Ваше имя</span>
<input placeholder="Имя" />
</div>
<div className="trackerRegistration__inputContainer">
<div className="tracker-registration__inputContainer">
<span>Ваш e-mail</span>
<input
placeholder="E-mail"
@@ -50,18 +50,18 @@ export const TrackerRegistration = () => {
type="email"
/>
</div>
<div className="trackerRegistration__inputContainer">
<div className="tracker-registration__inputContainer">
<span>Придумайте пароль</span>
<input placeholder="Пароль" />
</div>
<div className="trackerRegistration__inputContainer">
<div className="tracker-registration__inputContainer">
<span>Повторите пароль</span>
<input placeholder="Повторите пароль" />
</div>
</div>
<div className="trackerRegistration__form__submit">
<div className="tracker-registration__form__submit">
<button onClick={() => setModalConfirm(true)}>Отправить</button>
<div className="trackerRegistration__form__info">
<div className="tracker-registration__form__info">
<img src={authImg} alt="img" />
<p>
Создавайте и редактируйте задачи и проекты вместе с другими
@@ -70,7 +70,7 @@ export const TrackerRegistration = () => {
</div>
</div>
<img
className="trackerRegistration__form__img"
className="tracker-registration__form__img"
src={registrationImg}
alt="img"
/>

View File

@@ -1,4 +1,4 @@
.trackerRegistration {
.tracker-registration {
&__content {
font-family: "LabGrotesque", sans-serif;
background-color: #f1f1f1;
@@ -19,7 +19,7 @@
position: relative;
border-radius: 12px;
background: #FFF;
padding: 59px 115px 70px 102px;
padding: 20px;
@media (max-width: 1000px) {
display: flex;
@@ -31,16 +31,11 @@
display: flex;
flex-wrap: wrap;
max-width: 650px;
row-gap: 25px;
column-gap: 44px;
@media (max-width: 1000px) {
order: 2;
}
@media (max-width: 6755px) {
margin-bottom: 35px;
}
}
&__submit {