refactoring allStyles styleStyle -> style-style

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

View File

@ -142,7 +142,7 @@ export const PartnerAddRequest = () => {
};
return (
<div className="partnerAddRequest">
<div className="partner-add-request">
<ProfileHeader />
<Navigation />
<div className="container">
@ -158,14 +158,14 @@ export const PartnerAddRequest = () => {
}
]}
/>
<h2 className="partnerAddRequest__title">
<h2 className="partner-add-request__title">
{editRequest
? "Страница редактирования заявки"
: "Страница добавления заявки"}
</h2>
<div className="partnerAddRequest__section">
<div className="partnerAddRequest__form">
<div className="partnerAddRequest__form__block form__block">
<div className="partner-add-request__section">
<div className="partner-add-request__form">
<div className="partner-add-request__form__block form__block">
<h3 className="form__block__title">Данные открытой позиции</h3>
<div className="form__block__section">
<h3>Название вакансии</h3>
@ -300,7 +300,7 @@ export const PartnerAddRequest = () => {
)}
</div>
</div>
<div className="partnerAddRequest__form__block form__block">
<div className="partner-add-request__form__block form__block">
<h3 className="form__block__title">Квалификация</h3>
<div className="form__block__section">
<h3>Выберите уровень знаний </h3>
@ -395,9 +395,9 @@ export const PartnerAddRequest = () => {
</div>
</div>
</div>
<div className="partnerAddRequest__info">
<div className="partnerAddRequest__info__block">
<div className="partnerAddRequest__info__block__title">
<div className="partner-add-request__info">
<div className="partner-add-request__info__block">
<div className="partner-add-request__info__block__title">
<img src={processImg} alt="process" />
<h4>Процесс:</h4>
</div>
@ -410,8 +410,8 @@ export const PartnerAddRequest = () => {
проекты и Git.
</p>
</div>
<div className="partnerAddRequest__info__block">
<div className="partnerAddRequest__info__block__title">
<div className="partner-add-request__info__block">
<div className="partner-add-request__info__block__title">
<img src={reportImg} alt="reportImg" />
<h4>Отчетность:</h4>
</div>
@ -426,8 +426,8 @@ export const PartnerAddRequest = () => {
Можем выделить руководителя проекта и тестировщиков.
</p>
</div>
<div className="partnerAddRequest__info__block">
<div className="partnerAddRequest__info__block__title">
<div className="partner-add-request__info__block">
<div className="partner-add-request__info__block__title">
<img src={documentsImg} alt="documentsImg" />
<h4>
Обмен <br />

View File

@ -1,8 +1,8 @@
.partnerAddRequest {
background: #F1F1F1;
.partner-add-request {
background: #f1f1f1;
height: 100%;
min-height: 100vh;
font-family: 'LabGrotesque', sans-serif;
font-family: "LabGrotesque", sans-serif;
.container {
max-width: 1160px;
@ -17,7 +17,7 @@
color: #000000;
font-weight: 700;
font-size: 22px;
line-height: 32px
line-height: 32px;
}
&__section {
@ -42,7 +42,7 @@
}
.form__block {
background: #FFFFFF;
background: #ffffff;
border-radius: 12px;
padding: 25px 95px 30px 55px;
min-width: 600px;
@ -58,7 +58,7 @@
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #5B6871;
color: #5b6871;
margin-bottom: 35px;
}
@ -79,7 +79,7 @@
}
&__input {
background: #EFF2F7;
background: #eff2f7;
border-radius: 8px;
padding: 8px 12px;
margin-bottom: 35px;
@ -115,7 +115,7 @@
&__select {
padding: 8px 15px 9px 12px;
background: #EFF2F7;
background: #eff2f7;
border-radius: 12px;
cursor: pointer;
display: flex;
@ -140,7 +140,7 @@
}
textarea {
background: #EFF2F7;
background: #eff2f7;
border-radius: 8px;
width: 100%;
border: none;
@ -177,9 +177,9 @@
display: flex;
align-items: center;
justify-content: center;
border: 0.5px solid #8DC63F;
border: 0.5px solid #8dc63f;
border-radius: 44px;
color: #6F6F6F;
color: #6f6f6f;
font-weight: 400;
font-size: 14px;
line-height: 32px;
@ -192,9 +192,9 @@
}
&__save {
background: #52B709;
background: #52b709;
border-radius: 44px;
color: #FFFFFF;
color: #ffffff;
font-weight: 700;
font-size: 14px;
line-height: 32px;
@ -210,14 +210,14 @@
display: flex;
gap: 5px;
flex-wrap: wrap;
background: #EFF2F7;
background: #eff2f7;
border-radius: 8px;
padding: 8px 12px 9px;
position: relative;
cursor: pointer;
.skill {
background: #8DC63F;
background: #8dc63f;
border-radius: 12px;
font-weight: 400;
font-size: 12px;
@ -304,7 +304,7 @@
font-size: 12px;
line-height: 14px;
color: #263238;
background: #8DC63F;
background: #8dc63f;
border-radius: 12px;
padding: 5px;
max-width: 100px;
@ -319,7 +319,7 @@
}
&__info {
background: #FFFFFF;
background: #ffffff;
border-radius: 12px;
width: 100%;
padding: 74px 48px 136px 62px;
@ -350,7 +350,7 @@
}
h4 {
color: #5B6871;
color: #5b6871;
font-weight: 700;
font-size: 20px;
line-height: 24px;
@ -367,7 +367,7 @@
}
&:last-child {
.partnerAddRequest__info__block__title {
.partner-add-request__info__block__title {
margin-bottom: 35px;
}
}