apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactoring allStyles styleStyle -> style-style

Browse Source
This commit is contained in:
Никита Губарь
2024-02-09 18:17:15 +03:00
parent 81d2ee4098
commit af07631abe
93 changed files with 751 additions and 703 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/RegistrationForCandidate/RegistrationForCandidate.js
View File

@ -51,10 +51,10 @@ export const RegistrationForCandidate = () => {
);
return (
<div className="registrationCandidate">
<div className="registration-candidate">
<AuthHeader />
<div className="container">
<div className="registrationCandidate__start">
<div className="registration-candidate__start">
<h2 className="auth-candidate__start__title">
Хочу в команду <span>IT-специалистов</span>
</h2>
@ -65,28 +65,28 @@ export const RegistrationForCandidate = () => {
Для нас не имеет значения Ваша локация.
</p>
<StepsForCandidate step="шаг 2 - заполните данные" />
<div className="registrationCandidate__formWrapper">
<div className="registrationCandidate__info">
<div className="registrationCandidate__info__category">
<div className="registration-candidate__form-wrapper">
<div className="registration-candidate__info">
<div className="registration-candidate__info__category">
<img src={BackEndImg} alt="img" />
<p>Backend разработчики</p>
</div>
<p className="registrationCandidate__info__skills">
<p className="registration-candidate__info__skills">
Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript
</p>
<Link
to="/auth-candidate"
className="registrationCandidate__info__arrow"
className="registration-candidate__info__arrow"
>
<img src={arrowBtn} alt="img" />
</Link>
</div>
{/* форма регистрации */}
<form
className="registrationCandidate__form"
className="registration-candidate__form"
onSubmit={handleSubmit}
>
<div className="registrationCandidate__form__input">
<div className="registration-candidate__form__input">
<label htmlFor="name">Ваше имя</label>
<input
className={validationErrors.username ? "error" : ""}
@ -98,7 +98,7 @@ export const RegistrationForCandidate = () => {
/>
<span>{validationErrors.username}</span>
</div>
<div className="registrationCandidate__form__input">
<div className="registration-candidate__form__input">
<label htmlFor="summary">Если есть ссылка на резюме</label>
<input
className={validationErrors.summary ? "error" : ""}
@ -110,7 +110,7 @@ export const RegistrationForCandidate = () => {
/>
<span>{validationErrors.summary}</span>
</div>
<div className="registrationCandidate__form__input">
<div className="registration-candidate__form__input">
<label htmlFor="email">Ваш e-mail</label>
<input
className={validationErrors.email ? "error" : ""}
@ -122,7 +122,7 @@ export const RegistrationForCandidate = () => {
/>
<span>{validationErrors.email}</span>
</div>
<div className="registrationCandidate__form__input">
<div className="registration-candidate__form__input">
<label htmlFor="tg">Ваш telegram</label>
<input
className={validationErrors.tg ? "error" : ""}
@ -134,7 +134,7 @@ export const RegistrationForCandidate = () => {
/>
<span>{validationErrors.tg}</span>
</div>
<div className="registrationCandidate__form__input">
<div className="registration-candidate__form__input">
<label htmlFor="password">Придумайте пароль</label>
<input
className={validationErrors.password ? "error" : ""}
@ -146,7 +146,7 @@ export const RegistrationForCandidate = () => {
/>
<span>{validationErrors.password}</span>
</div>
<div className="registrationCandidate__form__input">
<div className="registration-candidate__form__input">
<label htmlFor="secondPassword">Повторите пароль</label>
<input
className={validationErrors.secondPassword ? "error" : ""}
@ -158,7 +158,7 @@ export const RegistrationForCandidate = () => {
/>
<span>{validationErrors.secondPassword}</span>
</div>
<div className="registrationCandidate__form__submit">
<div className="registration-candidate__form__submit">
<button type="submit">Отправить</button>
</div>
</form>

4
src/pages/RegistrationForCandidate/registationForCandidate.scss
View File

@ -1,4 +1,4 @@
.registrationCandidate {
.registration-candidate {
font-family: "LabGrotesque", sans-serif;
position: relative;
background-color: #f1f1f1;
@ -39,7 +39,7 @@
}
}
&__formWrapper {
&__form-wrapper {
position: relative;
margin-top: 200px;
display: flex;