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

12
src/pages/PartnerСategories/PartnerСategories.jsx
View File

@ -146,7 +146,7 @@ export const PartnerCategories = () => {
// }
// ]);
return (
<div className="partnerCategories">
<div className="partner-categories">
<ProfileHeader />
<Navigation />
<div className="container">
@ -156,11 +156,11 @@ export const PartnerCategories = () => {
{ name: "Данные моего персонала", link: "/profile/employees" }
]}
/>
<h2 className="partnerCategories__title">Данные персонала</h2>
<h2 className="partner-categories__title">Данные персонала</h2>
{loader ? (
<Loader style={"green"} height={80} width={80} />
) : (
<div className="partnerCategories__items">
<div className="partner-categories__items">
{staff.map((card) => {
return (
<PartnerPersonCard
@ -178,8 +178,8 @@ export const PartnerCategories = () => {
{/* key={index}*/}
{/* className={*/}
{/* item.available*/}
{/* ? "partnerCategories__item item"*/}
{/* : "partnerCategories__item item item__disable"*/}
{/* ? "partner-categories__item item"*/}
{/* : "partner-categories__item item item__disable"*/}
{/* }*/}
{/* onClick={() => {*/}
{/* dispatch(setPartnerEmployees(mokPersons));*/}
@ -196,7 +196,7 @@ export const PartnerCategories = () => {
{/* </div>*/}
{/* </div>*/}
{/* {!item.available && (*/}
{/* <div className="item__disableHover">*/}
{/* <div className="item__disable-hover">*/}
{/* <p>У вас нет персонала из категории</p>*/}
{/* <button>Подобрать</button>*/}
{/* </div>*/}

24
src/pages/PartnerСategories/partnerСategories.scss
View File

@ -1,8 +1,8 @@
.partnerCategories {
background: #F1F1F1;
.partner-categories {
background: #f1f1f1;
height: 100%;
min-height: 100vh;
font-family: 'LabGrotesque', sans-serif;
font-family: "LabGrotesque", sans-serif;
&__title {
color: #000000;
@ -21,13 +21,12 @@
//column-gap: 21px;
}
.item {
display: flex;
flex-direction: column;
padding: 33px 32px 25px 28px;
width: 32%;
background: #FFFFFF;
background: #ffffff;
border-radius: 12px;
transition: all 0.3s ease;
position: relative;
@ -59,12 +58,12 @@
opacity: 0;
}
.item__disableHover {
.item__disable-hover {
opacity: 1;
}
}
&Hover {
&-hover {
position: absolute;
display: flex;
left: 0;
@ -72,7 +71,7 @@
align-items: center;
justify-content: space-between;
padding: 16px 13px 16px 21px;
border: 3px solid #52B709;
border: 3px solid #52b709;
bottom: 0;
border-radius: 12px;
opacity: 0;
@ -91,12 +90,12 @@
width: 140px;
height: 50px;
border: none;
background: #52B709;
background: #52b709;
border-radius: 44px;
font-weight: 500;
font-size: 15px;
line-height: 32px;
color: #FFFFFF;
color: #ffffff;
}
}
}
@ -124,7 +123,7 @@
p {
max-width: 181px;
margin-bottom: 0;
color: #6F6F6F;
color: #6f6f6f;
font-weight: 400;
font-size: 12px;
line-height: 20px;
@ -136,13 +135,12 @@
justify-content: center;
width: 48px;
height: 48px;
background: #DDEEC6;
background: #ddeec6;
border-radius: 50px;
}
}
}
.container {
max-width: 1160px;
margin-top: 23px;