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

Fixed styles modalTracker

Browse Source
This commit is contained in:
MaxOvs19 2023-06-23 15:18:19 +03:00
parent bca8199a6a
commit f95812ac35
3 changed files with 283 additions and 287 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Modal/Tracker/ModalTicket/modalTicket.scss
View File

@ -32,6 +32,7 @@
max-width: 85%; max-width: 85%;
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: row;
&__category { &__category {
margin-right: 17px; margin-right: 17px;
@ -100,7 +101,7 @@
.comments__list { .comments__list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-height: 420px; max-height: 300px;
overflow: auto; overflow: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {

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

@ -21,6 +21,7 @@ import { urlForLocal } from "@utils/helper";
import { apiRequest } from "@api/request"; import { apiRequest } from "@api/request";
import BaseButton from "@components/Common/BaseButton/BaseButton"; import BaseButton from "@components/Common/BaseButton/BaseButton";
import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
import arrowDown from "assets/icons/arrows/selectArrow.png"; import arrowDown from "assets/icons/arrows/selectArrow.png";
@ -211,14 +212,13 @@ export const TrackerModal = ({
}, [active]); }, [active]);
return ( return (
<div <ModalLayout
className={active ? "modal-add active" : "modal-add"} active={active}
onClick={() => { setActive={setActive}
setActive(false); // onClick={() => {
setSelectWorkersOpen(false); // setSelectWorkersOpen(false);
}} // }}
> >
<div className="modal-add__content" onClick={(e) => e.stopPropagation()}>
{modalType === "addWorker" && ( {modalType === "addWorker" && (
<div> <div>
<div className="title-project"> <div className="title-project">
@ -350,10 +350,7 @@ export const TrackerModal = ({
<textarea className="title-project__textarea"></textarea> <textarea className="title-project__textarea"></textarea>
</div> </div>
</div> </div>
<BaseButton <BaseButton styles={"button-add"} onClick={(e) => e.preventDefault()}>
styles={"button-add"}
onClick={(e) => e.preventDefault()}
>
Добавить Добавить
</BaseButton> </BaseButton>
</div> </div>
@ -405,8 +402,7 @@ export const TrackerModal = ({
)} )}
<span className="exit" onClick={() => setActive(false)}></span> <span className="exit" onClick={() => setActive(false)}></span>
</div> </ModalLayout>
</div>
); );
}; };

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

@ -1,3 +1,4 @@
//Удалить при переходе всех модалок в обертку modalLayout
.modal-add { .modal-add {
z-index: 9; z-index: 9;
height: 100%; height: 100%;
@ -23,8 +24,9 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
}
.title-project { .title-project {
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
@ -116,32 +118,29 @@
transform: rotate(180deg); transform: rotate(180deg);
} }
} }
} }
.name-project { .name-project {
margin-left: 10px; margin-left: 10px;
border: none; border: none;
outline: none; outline: none;
height: 100%; height: 100%;
width: 90%; width: 90%;
font-size: 14px; font-size: 14px;
} }
.button-add { .button-add {
width: 130px; width: 130px;
height: 37px; height: 37px;
// background: #52b709;
// border-radius: 44px;
// border: none;
font-weight: 400; font-weight: 400;
font-size: 15px; font-size: 15px;
line-height: 32px; line-height: 32px;
// color: #ffffff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin: 0 auto; margin: 0 auto;
}
} }
.modal-add.active { .modal-add.active {