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

fix style names

Browse Source
This commit is contained in:
Victor Batischev
2024-01-31 16:46:16 +03:00
parent 73c9101be2
commit 78249348eb
9 changed files with 45 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/Common/ModalLayout/modalLayout.scss
View File

@ -21,7 +21,7 @@
align-items: center;
justify-content: center;
.selectPerson {
.select-person {
align-items: start;
&__info {
@ -45,7 +45,7 @@
font-weight: 300;
}
.addPersonBlock {
.add-person-block {
display: flex;
flex-direction: column;
justify-content: space-between;
@ -55,7 +55,7 @@
}
}
.invitePersonBlock {
.invite-person-block {
display: flex;
flex-direction: column;
row-gap: 20px;
@ -89,14 +89,14 @@
margin: 5px 0;
}
.invitePersonBlock {
.invite-person-block {
row-gap: 5px;
&__btn {
margin: 5px auto;
}
}
.addPersonBtn {
.add-person-btn {
margin: 10px auto 0;
}
}
@ -114,7 +114,7 @@
}
}
.createTiketProject {
.create-ticket-project {
padding: 0;
background: white;
}
@ -128,11 +128,11 @@
transform: scale(1);
}
.createProject,
.createColumn,
.editProject,
.addWorker,
.editColumn {
.create-project,
.create-column,
.edit-project,
.add-worker,
.edit-column {
background: linear-gradient(180deg, #fff 0%, #ebebeb 37.29%);
.title-project {
margin-top: 20px;

4
src/components/Modal/Tracker/ListEmployees/ListEmployees.jsx
View File

@ -81,12 +81,12 @@ const ListEmployees = ({
<div
className="persons__list__add"
onClick={() => {
dispatch(modalToggle("addWorker"));
dispatch(modalToggle("add-worker"));
setModalAdd(true);
setActiveListEmpl(false);
}}
>
<span className="addPerson">+</span>
<span className="add-person">+</span>
<p>Добавить участников</p>
</div>
</div>

2
src/components/Modal/Tracker/ListEmployees/listEmployees.scss
View File

@ -70,7 +70,7 @@
left: -20px;
}
.addPerson {
.add-person {
background: #00c5a8;
color: white;
font-size: 14px;

28
src/components/Modal/Tracker/TrackerModal/TrackerModal.jsx
View File

@ -306,7 +306,7 @@ export const TrackerModal = ({
}
useEffect(() => {
modalType === "addWorker"
modalType === "add-worker"
? apiRequest("/project/my-employee").then((el) => {
let persons = el.managerEmployees;
let ids = projectBoard.projectUsers.map((user) => user.user_id);
@ -394,10 +394,10 @@ export const TrackerModal = ({
// setSelectWorkersOpen(false);
// }}
>
{modalType === "addWorker" && (
{modalType === "add-worker" && (
<>
<div className="select__person">
<div className="title-project selectPerson">
<div className="title-project select-person">
<h4>Добавьте участника</h4>
{/*<div className="input-container">*/}
{/* <input*/}
@ -406,11 +406,11 @@ export const TrackerModal = ({
{/* onChange={(e) => setEmailWorker(e.target.value)}*/}
{/* />*/}
{/*</div>*/}
<p className="selectPerson__info">
<p className="select-person__info">
Выберите пользователя в проекте или добавьте по e-mail
</p>
<div className="invite__blocks">
<div className="addPersonBlock">
<div className="add-person-block">
<div
className={
selectWorkersOpen
@ -455,22 +455,22 @@ export const TrackerModal = ({
)}
</div>
<BaseButton
styles={"button-add addPersonBtn"}
styles={"button-add add-person-btn"}
onClick={addUserToProject}
>
Добавить
</BaseButton>
</div>
<span>или</span>
<div className="invitePersonBlock">
<div className="input-container invitePersonBlock__input">
<div className="invite-person-block">
<div className="input-container invite-person-block__input">
<input
className="name-project"
placeholder="e-mail"
type="email"
/>
</div>
<BaseButton styles={"button-add invitePersonBlock__btn"}>
<BaseButton styles={"button-add invite-person-block__btn"}>
Отправить приглашение
</BaseButton>
</div>
@ -479,7 +479,7 @@ export const TrackerModal = ({
</div>
</>
)}
{modalType === "createTiketProject" && (
{modalType === "create-ticket-project" && (
<>
<div className="title-project">
<div className="createTaskHead">
@ -719,7 +719,7 @@ export const TrackerModal = ({
</div>
</>
)}
{modalType === "editProject" && (
{modalType === "edit-project" && (
<div>
<div className="title-project">
<h4>Введите новое название</h4>
@ -737,7 +737,7 @@ export const TrackerModal = ({
</BaseButton>
</div>
)}
{modalType === "createProject" && (
{modalType === "create-project" && (
<div>
<div className="title-project">
<h4>{titleProject}</h4>
@ -772,7 +772,7 @@ export const TrackerModal = ({
</BaseButton>
</div>
)}
{modalType === "createColumn" && (
{modalType === "create-column" && (
<div>
<div className="title-project">
<h4>Введите название колонки</h4>
@ -790,7 +790,7 @@ export const TrackerModal = ({
</BaseButton>
</div>
)}
{modalType === "editColumn" && (
{modalType === "edit-column" && (
<div>
<div className="title-project">
<h4>Введите новое название</h4>

2
src/components/Modal/Tracker/TrackerModal/trackerModal.scss
View File

@ -730,7 +730,7 @@
margin: 0 auto;
}
.addPersonBtn {
.add-person-btn {
margin: 0 auto 0 0;
margin-top: 20px;
}

2
src/components/ProjectTiket/ProjectTiket.jsx
View File

@ -125,7 +125,7 @@ export const ProjectTiket = ({ project, index }) => {
<div className="project__settings-menu">
<div
onClick={() => {
dispatch(modalToggle("editProject"));
dispatch(modalToggle("edit-project"));
setModalAdd(true);
setModalSelect(false);
}}