Compare commits

..

No commits in common. "c532302f7305156678965a939b310ea4f0c0b27f" and "9f98a0fea2745328a2e7b24f5caaa3c8c2021189" have entirely different histories.

17 changed files with 421 additions and 290 deletions

View File

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 229 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 238 B

View File

@ -1,3 +1,4 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.569 2.26115H12.9023V1.42782C12.9023 1.2068 12.8145 0.99484 12.6583 0.83856C12.502 0.68228 12.29 0.594482 12.069 0.594482C11.848 0.594482 11.636 0.68228 11.4798 0.83856C11.3235 0.99484 11.2357 1.2068 11.2357 1.42782V2.26115H6.23568V1.42782C6.23568 1.2068 6.14788 0.99484 5.9916 0.83856C5.83532 0.68228 5.62336 0.594482 5.40234 0.594482C5.18133 0.594482 4.96937 0.68228 4.81309 0.83856C4.65681 0.99484 4.56901 1.2068 4.56901 1.42782V2.26115H2.90234C2.2393 2.26115 1.60342 2.52454 1.13458 2.99338C0.665736 3.46222 0.402344 4.09811 0.402344 4.76115V14.7611C0.402344 15.4242 0.665736 16.0601 1.13458 16.5289C1.60342 16.9978 2.2393 17.2612 2.90234 17.2612H14.569C15.2321 17.2612 15.8679 16.9978 16.3368 16.5289C16.8056 16.0601 17.069 15.4242 17.069 14.7611V4.76115C17.069 4.09811 16.8056 3.46222 16.3368 2.99338C15.8679 2.52454 15.2321 2.26115 14.569 2.26115ZM15.4023 14.7611C15.4023 14.9822 15.3145 15.1941 15.1583 15.3504C15.002 15.5067 14.79 15.5945 14.569 15.5945H2.90234C2.68133 15.5945 2.46937 15.5067 2.31309 15.3504C2.15681 15.1941 2.06901 14.9822 2.06901 14.7611V8.92782H15.4023V14.7611ZM15.4023 7.26115H2.06901V4.76115C2.06901 4.54014 2.15681 4.32817 2.31309 4.17189C2.46937 4.01561 2.68133 3.92782 2.90234 3.92782H4.56901V4.76115C4.56901 4.98216 4.65681 5.19412 4.81309 5.3504C4.96937 5.50669 5.18133 5.59448 5.40234 5.59448C5.62336 5.59448 5.83532 5.50669 5.9916 5.3504C6.14788 5.19412 6.23568 4.98216 6.23568 4.76115V3.92782H11.2357V4.76115C11.2357 4.98216 11.3235 5.19412 11.4798 5.3504C11.636 5.50669 11.848 5.59448 12.069 5.59448C12.29 5.59448 12.502 5.50669 12.6583 5.3504C12.8145 5.19412 12.9023 4.98216 12.9023 4.76115V3.92782H14.569C14.79 3.92782 15.002 4.01561 15.1583 4.17189C15.3145 4.32817 15.4023 4.54014 15.4023 4.76115V7.26115Z" fill="#406128"/>
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
<path d="M1411.824 0c31.17 0 56.47 25.3 56.47 56.471v56.47h169.412c93.403 0 169.412 76.01 169.412 169.412V1920H113V282.353c0-93.402 76.009-169.412 169.412-169.412h169.41v-56.47c0-31.172 25.3-56.47 56.472-56.47s56.47 25.298 56.47 56.47v56.47h790.589v-56.47c0-31.172 25.299-56.47 56.47-56.47Zm282.352 564.705H225.942v1242.353h1468.234V564.705Zm-1016.47 677.648v338.824H338.882v-338.824h338.824Zm451.765 0v338.824H790.647v-338.824h338.824Zm451.764 0v338.824h-338.823v-338.824h338.823Zm-1016.47 112.941H451.824v112.941h112.941v-112.941Zm451.764 0H903.588v112.941h112.941v-112.941Zm451.765 0h-112.941v112.941h112.941v-112.941ZM677.706 790.588v338.824H338.882V790.588h338.824Zm451.765 0v338.824H790.647V790.588h338.824Zm451.764 0v338.824h-338.823V790.588h338.823ZM564.765 903.53H451.824v112.941h112.941V903.53Zm451.764 0H903.588v112.941h112.941V903.53Zm451.765 0h-112.941v112.941h112.941V903.53ZM451.823 225.882H282.412c-31.06 0-56.47 25.3-56.47 56.471v169.412h1468.234V282.353c0-31.172-25.411-56.47-56.47-56.47h-169.412v56.47c0 31.172-25.3 56.471-56.47 56.471-31.172 0-56.471-25.299-56.471-56.47v-56.472H564.765v56.471c0 31.172-25.3 56.471-56.471 56.471-31.171 0-56.471-25.299-56.471-56.47v-56.472Z" fill-rule="evenodd"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -23,14 +23,10 @@
.calendar__hours {
margin: 0 5px;
font-size: 22px;
line-height: 0;
font-weight: 500;
display: flex;
align-items: center;
span {
font-size: 22px;
font-weight: 500;
}
}
}
@ -58,33 +54,21 @@
}
&-box {
background-color: #e5f1fb;
height: 47px;
display: flex;
align-items: center;
margin: 0 15px;
padding: 0 20px;
border-radius: 5px;
font-weight: 400;
font-size: 16px;
color: #406128;
margin-left: 20px;
cursor: pointer;
img {
width: 17px;
height: 17px;
margin: 0 10px 0 0;
}
}
margin: 0px 10px;
width: 12px;
height: 12px;
&-arrow {
display: flex;
align-items: center;
cursor: pointer;
height: 47px;
padding: 0 8px;
background-color: #e5f1fb;
border-radius: 5px;
&:first-child {
transform: rotate(180deg);
margin: 0;
}
}
span {
color: #18586e;
@ -123,9 +107,12 @@
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
p {
color: #9babc5;
font-size: 14px;
font-weight: 500;
color: #398208;
font-size: 25px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
text-align: center;
}
}
@ -140,48 +127,24 @@
button {
margin: 0 auto;
width: 135px;
height: 82px;
width: 125px;
height: 42px;
padding: 0px;
box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
border-radius: 10px;
border-radius: 5px;
border: 1px solid #c4c4c4;
background-color: #ffffff;
margin-top: 20px;
font-size: 1.2em;
text-align: center;
.form-date {
width: 100%;
padding: 5px 0 0 15px;
height: 100%;
}
.form-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top: #eff5fa 2px solid;
.form-hours {
display: none;
}
}
a {
color: black;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 16px;
height: 100%;
font-weight: 500;
font-size: 12px;
@media (max-width: 500px) {
font-size: 10px;
@ -189,6 +152,20 @@
}
}
img {
width: 16px;
height: 16px;
margin: 0 5px 0 0;
@media (max-width: 968px) {
margin-right: 2px;
@media (max-width: 610px) {
display: none;
}
}
}
@media (max-width: 1200px) {
width: 110px;
}
@ -237,6 +214,17 @@
}
}
.calendar__icon {
margin-right: 10px;
margin-top: -4px;
}
@media (max-width: 575.98px) {
.calendar__icon {
display: none;
}
}
.select-days {
border-style: dashed !important;
@ -258,44 +246,7 @@
}
.before {
background-color: #ffffff !important;
.form-date {
height: 35% !important;
}
.form-box {
background-color: #fafbfe;
.form-hours {
color: #6dd077;
background-color: #6dd0772f;
border-spacing: 10px;
border-radius: 5px;
display: flex !important;
flex-direction: row;
width: 95%;
font-weight: 400;
font-size: 14px;
padding: 0 7px;
position: relative;
span {
color: #1458dd;
font-weight: 700;
font-size: 14px;
margin: auto;
}
}
.form-hours::before {
content: "";
position: absolute;
top: 10%;
left: 0;
height: 75%;
border-left: 2px solid #6dd077;
border-radius: 5px;
}
}
background-color: #e5f9b6 !important;
}
.pass {
@ -320,25 +271,18 @@
align-items: center;
column-gap: 16px;
font-size: 16px;
font-weight: 400;
font-weight: 500;
position: relative;
.select {
background-color: #e5f1fb;
color: #406128;
border-radius: 5px;
padding: 15px;
border: 2px solid #c4c4c4;
box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
padding: 5px 8px;
cursor: pointer;
text-align: center;
}
.hint {
color: #6f6f6f;
font-size: 14px;
font-weight: 300;
margin: 0 0 0 20px;
}
.close {
cursor: pointer;
margin-left: 8px;

View File

@ -7,7 +7,7 @@ import { useNotification } from "@hooks/useNotification";
import { Loader } from "@components/Common/Loader/Loader";
import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
import arrow from "assets/icons/arrows/arrowRight.png";
import arrow from "assets/icons/arrows/arrowCalendar.png";
import close from "assets/icons/close.png";
import "./modalResetPassword.scss";

View File

@ -32,7 +32,7 @@ import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadc
import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
import TrackerTaskComment from "@components/TrackerTaskComment/TrackerTaskComment";
import arrow from "assets/icons/arrows/arrowRight.png";
import arrow from "assets/icons/arrows/arrowCalendar.png";
import arrowStart from "assets/icons/arrows/arrowStart.png";
import arrowDown from "assets/icons/arrows/selectArrow.png";
import calendarIcon from "assets/icons/calendar.svg";

View File

@ -26,8 +26,7 @@ import { apiRequest } from "@api/request";
import "@components/Calendar/calendarComponent.scss";
import BaseButton from "@components/Common/BaseButton/BaseButton";
import arrowLeft from "assets/icons/arrows/arrowCalendar_left.png";
import arrowRight from "assets/icons/arrows/arrowCalendar_right.png";
import arrow from "assets/icons/arrows/arrowCalendar.png";
import calendarIcon from "assets/icons/calendar.svg";
// import close from "assets/icons/closeProjectPersons.svg";
import rectangle from "assets/images/rectangle__calendar.png";
@ -174,13 +173,11 @@ export const ProfileCalendarComponent = React.memo(
});
}
// function errorr(TotalRangeHours) {
// console.error(TotalRangeHours);
// }
return (
<div className="calendar-component">
<div className="calendar-component__header">
<div className="calendar-component__header-info">
{!userId && <h3>Мои отчеты за </h3>}
<p className="calendar__hours">
{month}&nbsp;
<span>
@ -190,26 +187,27 @@ export const ProfileCalendarComponent = React.memo(
</div>
<div className="calendar-component__header-switcher">
<div
className="calendar-component__header-arrow"
className="calendar-component__header-box"
onClick={() => {
setValueHandler(prevMonth());
dispatch(setRequestDate(getReports(prevMonth())));
}}
>
<img src={arrowLeft} alt="" />
<img src={arrow} alt="" />
<span>{prevMonth().format("MMMM")}</span>
</div>
<div className="calendar-component__header-box">
<img className={"calendar__icon"} src={calendarIcon} alt="" />
<span>{value.format("MMMM, YYYY")}</span>
<span>{value.format("YYYY")}</span>
</div>
<div
className="calendar-component__header-arrow"
className="calendar-component__header-box"
onClick={() => {
setValueHandler(nextMonth());
dispatch(setRequestDate(getReports(nextMonth())));
}}
>
<img src={arrowRight} alt="" />
<span>{nextMonth().format("MMMM")}</span>
<img src={arrow} alt="" />
</div>
</div>
</div>
@ -220,13 +218,13 @@ export const ProfileCalendarComponent = React.memo(
<div className="calendar-component__body">
<div>
<p>Понедельник</p>
<p>Вторник</p>
<p>Среда</p>
<p>Четверг</p>
<p>Пятница</p>
<p>Суббота</p>
<p>Воскресенье</p>
<p>Пн</p>
<p>Вт</p>
<p>Ср</p>
<p>Чт</p>
<p>Пт</p>
<p>Сб</p>
<p>Вс</p>
</div>
<div className="calendar-component__form">
@ -262,13 +260,12 @@ export const ProfileCalendarComponent = React.memo(
id="btn"
>
<Link to={startRangeDays ? "#" : correctRoute(day)}>
<div className="form-date">{day.format("D")}</div>
<div className="form-box">
<div className="form-hours">
<span>7/Час</span>
</div>
</div>
{/* {currentMonthAndDay(day)} */}
<img
className={"calendar__icon"}
src={calendarIcon}
alt=""
/>
{currentMonthAndDay(day)}
</Link>
</button>
))
@ -292,7 +289,6 @@ export const ProfileCalendarComponent = React.memo(
? "Выберите диапазон на календаре"
: "Выбрать диапазон"}
</span>
<span>
{totalRangeHours
? `${totalRangeHours} ${hourOfNum(totalRangeHours)}`
@ -312,7 +308,6 @@ export const ProfileCalendarComponent = React.memo(
Сбросить
</BaseButton>
)}
<span className="hint">Для общего просчета - выберите диапазон</span>
</div>
</div>
);

View File

@ -36,6 +36,7 @@
}
.calendar__wrapper {
@media (max-width: 1000px) {
min-height: auto;
}

View File

@ -0,0 +1,303 @@
import React, { useState } from "react";
import { HexColorPicker } from "react-colorful";
import { useDispatch } from "react-redux";
import BaseButton from "@components/Common/BaseButton/BaseButton";
import ListEmployees from "@components/Modal/Tracker/ListEmployees/ListEmployees";
import "./trackerBoardHead.scss";
const TrackerBoardHead = ({ setModalAdd }) => {
const dispatch = useDispatch();
const [personListOpen, setPersonListOpen] = useState(false);
return (
<div className="tasks__head">
<div className="tasks__head__wrapper">
<div className="tasks__head__title">
<img src={category}></img>
<h5>{projectBoard.name}</h5>
</div>
<div className="tasks__head__add">
<BaseButton
onClick={() => {
dispatch(modalToggle("create-column"));
setModalAdd(true);
}}
styles={"button-add-column"}
>
+
</BaseButton>
<p>добавить колонку</p>
</div>
<div
className={
projectBoard.projectUsers?.length
? "tasks__head__persons"
: "tasks__head__persons no-project-users"
}
>
{Boolean(projectBoard.projectUsers?.length) && (
<div
className={
projectBoard.projectUsers?.length == 1
? "one-person"
: "project-persons"
}
>
{projectBoard.projectUsers.slice(0, 3).map((person) => {
return (
<img
key={person.user_id}
src={
person.user?.avatar
? urlForLocal(person.user.avatar)
: avatarMok
}
alt="avatar"
/>
);
})}
</div>
)}
{projectBoard.projectUsers?.length > 3 && (
<span className="count-persons">
+{projectBoard.projectUsers?.length - 3}
</span>
)}
<span
className="add-person"
onClick={() => {
setPersonListOpen(true);
}}
>
+
</span>
<ListEmployees
active={personListOpen}
setActiveListEmpl={setPersonListOpen}
setModalAdd={setModalAdd}
projectBoard={projectBoard}
/>
</div>
<div className="tasks__head__checkBox" onClick={filterParticipateTasks}>
<span>Участвую</span>
<div className="tasks__head__checkBox__box">
{checkBoxParticipateTasks && <img src={accept} alt="accept" />}
</div>
</div>
<div className="tasks__head__checkBox" onClick={filterMyTask}>
<span>Мои</span>
<div className="tasks__head__checkBox__box">
{checkBoxMyTasks && <img src={accept} alt="accept" />}
</div>
</div>
{selectedExecutor ? (
<div className="tasks__head__executor-selected">
<p>{removeLast(selectedExecutor.user.fio)}</p>
<img
className="avatar"
src={
selectedExecutor.user?.avatar
? urlForLocal(selectedExecutor.user.avatar)
: avatarMok
}
alt="avatar"
/>
<img
className="delete"
src={close}
alt="delete"
onClick={deleteSelectedExecutorFilter}
/>
</div>
) : (
<div
className="tasks__head__executor"
onClick={() => setSelectedExecutorOpen(!selectExecutorOpen)}
>
<p>Выберите исполнителя</p>
<img
className={selectExecutorOpen ? "open" : ""}
src={arrowDown}
alt="arrow"
/>
{selectExecutorOpen && (
<div className="tasks__head__executor-dropdown">
{projectBoard.projectUsers.map((user) => {
return (
<div
className="executor-dropdown__person"
key={user.user_id}
onClick={() => executorFilter(user)}
>
<p>{removeLast(user.user?.fio)}</p>
<img
src={
user.user?.avatar
? urlForLocal(user.user.avatar)
: avatarMok
}
alt="avatar"
/>
</div>
);
})}
</div>
)}
</div>
)}
<div className="tasks__head__tags">
<div
className="tags__add"
onClick={() => {
setTags((prevState) => ({
...prevState,
open: !tags.open
}));
}}
>
<p>Список тегов</p>
<img
className={tags.open ? "open" : ""}
src={arrowDown}
alt="arrow"
/>
</div>
{tags.open && (
<div className="tags__list">
{!tags.add && !tags.edit && (
<div
className="add-new-tag"
onClick={() =>
setTags((prevState) => ({
...prevState,
add: true
}))
}
>
<p>Добавить новый тег</p>
<span>+</span>
</div>
)}
{!tags.add && !tags.edit && (
<div className="tags__list__created">
{projectBoard.mark.map((tag) => {
return (
<div className="tag-item" key={tag.id}>
<div className="tag-item__info">
<span
className="tag-item__color"
style={{ background: tag.color }}
/>
<div>
<span className="tag-item__info__name">
{tag.slug}
</span>
<p className="tag-item__description">{tag.title}</p>
</div>
</div>
<div className="tag-item__images">
<img
src={edit}
alt="edit"
onClick={() => {
setTags((prevState) => ({
...prevState,
edit: true
}));
setTagInfo({
description: tag.title,
name: tag.slug,
editMarkId: tag.id
});
setColor(tag.color);
}}
/>
<img
onClick={() => deleteTag(tag.id)}
className="delete"
src={close}
alt="delete"
/>
</div>
</div>
);
})}
</div>
)}
{(tags.add || tags.edit) && (
<div className="form-tag">
<input
className="form-tag__input"
placeholder="Описание метки"
maxLength="25"
value={tagInfo.description}
onChange={(e) =>
setTagInfo((prevState) => ({
...prevState,
description: e.target.value
}))
}
/>
<input
className="form-tag__input"
placeholder="Тег"
value={tagInfo.name}
maxLength="10"
onChange={(e) =>
setTagInfo((prevState) => ({
...prevState,
name: e.target.value
}))
}
/>
<HexColorPicker color={color} onChange={setColor} />
<button
onClick={() => {
tags.add ? addNewTag() : editTag();
}}
className={
tagInfo.name && tagInfo.description
? "form-tag__btn"
: "form-tag__btn disable"
}
>
{tags.add ? "Добавить" : "Изменить"}
</button>
{(tags.add || tags.edit) && (
<button
className={"form-tag__btn"}
onClick={() => {
setTags((prevState) => ({
...prevState,
add: false,
edit: false
}));
setTagInfo({
description: "",
name: ""
});
setColor("#aabbcc");
}}
>
Отмена
</button>
)}
</div>
)}
</div>
)}
</div>
<Link to="/profile/tracker" className="tasks__head__back">
<p>К списку проектов</p>
<img src={arrow} alt="arrow" />
</Link>
</div>
</div>
);
};
export default TrackerBoardHead;

View File

@ -49,7 +49,7 @@ export const PartnerCategories = () => {
const COLUMNS = [
{
label: "",
label: "Аватар",
renderCell: (item) => (
<img
className="table__avatar"
@ -60,7 +60,7 @@ export const PartnerCategories = () => {
},
{
label: "ФИО",
renderCell: (item) => <p>{item?.employee.fio}</p>,
renderCell: (item) => item?.employee.fio,
sort: { sortKey: "NAME" }
},
{
@ -68,21 +68,18 @@ export const PartnerCategories = () => {
renderCell: (item) => (
<Link className="table__link" to={`/candidate/${item.user_id}`}>
Резюме
<div className="img__wrapper">
<img src={rightArrow} alt="arrow" />
</div>
</Link>
)
},
{
label: "Отчетность",
label: "Отчет",
renderCell: (item) => (
<Link
className="table__link"
to={`/profile/employees/report/${item.user_id}`}
>
Подробный отчет
<div className="img__wrapper">
<div>
<img src={rightArrow} alt="arrow" />
</div>
</Link>
@ -108,7 +105,7 @@ export const PartnerCategories = () => {
const pagination = usePagination(data, {
state: {
page: 0,
size: 10
size: 5
}
});
@ -262,7 +259,6 @@ export const PartnerCategories = () => {
id="search"
type="text"
value={search}
placeholder="Поиск по сотрудникам"
onChange={handleSearch}
/>
</label>
@ -274,52 +270,26 @@ export const PartnerCategories = () => {
pagination={pagination}
/>
<div className="table__pagination">
<button
className={
pagination.state.page === 0 ? "switch disable" : "switch"
}
type="button"
disabled={pagination.state.page === 0}
onClick={() =>
pagination.fns.onSetPage(pagination.state.page - 1)
}
>
{"<"}
</button>
<span>
Total Pages: {pagination.state.getTotalPages(data.nodes)}
</span>
<span className="table__pages">
Page:{" "}
{pagination.state.getPages(data.nodes).map((_, index) => (
<button
key={index}
type="button"
className={
pagination.state.page === index
? "page page--active "
: "page"
}
style={{
fontWeight:
pagination.state.page === index ? "bold" : "normal"
}}
onClick={() => pagination.fns.onSetPage(index)}
>
{index + 1}
</button>
))}
</span>
<button
className={
pagination.state.page + 1 ===
pagination.state.getPages(data.nodes).length
? "switch disable"
: "switch"
}
type="button"
disabled={
pagination.state.page + 1 ===
pagination.state.getPages(data.nodes).length
}
onClick={() =>
pagination.fns.onSetPage(pagination.state.page + 1)
}
>
{">"}
</button>
</div>
</>
) : (

View File

@ -13,13 +13,10 @@
&__items {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
background: white;
padding: 20px 0 30px;
border-radius: 7px;
}
&__empty {
font-size: 18px;
font-weight: 500;
@ -164,18 +161,8 @@
display: flex;
width: 100%;
gap: 10px;
font-size: 18px;
align-items: center;
padding: 0 18px 35px;
margin-bottom: 0;
font-size: 16px;
input {
background: #F0F2F5;
outline: none;
border-radius: 6px;
padding: 6px;
border: none;
}
}
&__avatar {
@ -188,85 +175,20 @@
color: black;
font-size: 16px;
align-items: center;
.img__wrapper {
width: 22px;
height: 22px;
border-radius: 50px;
background: #D9D7D7;
display: flex;
align-items: center;
justify-content: center;
img {
width: 14px;
}
}
}
&__pagination {
width: 100%;
display: flex;
font-size: 14px;
justify-content: space-between;
font-size: 16px;
align-items: center;
padding: 39px 34px 0;
column-gap: 12px;
button {
font-size: 14px;
width: 32px;
border-radius: 5px;
height: 32px;
color: #2E3A59;
}
.switch {
border: none;
background: #F0F2F5;
font-weight: 600;
}
.disable {
opacity: 0.7;
}
}
&__pages {
display: flex;
column-gap: 4px;
color: black;
background: white;
.page {
border: 1px solid #E8ECF8;
background: none;
&--active {
border: none;
background: #9DA65D;
color: white;
}
}
}
}
table {
th {
border-top: 0;
border-bottom: 1px solid #EDEDED;
color: #1458DD;
font-size: 14px;
font-weight: 700;
}
td {
border-top: 0;
border-bottom: 1px solid #EDEDED;
color: #2E3A59;
p {
font-weight: 500;
}
column-gap: 5px;
align-items: center;
}
}
}

View File

@ -41,7 +41,7 @@ import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadc
import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
import TrackerSelectColumn from "@components/TrackerSelectColumn/TrackerSelectColumn";
import arrow from "assets/icons/arrows/arrowRight.png";
import arrow from "assets/icons/arrows/arrowCalendar.png";
import arrowDown from "assets/icons/arrows/selectArrow.png";
import category from "assets/icons/category.svg";
import close from "assets/icons/close.png";

View File

@ -15,7 +15,7 @@ import { Navigation } from "@components/Navigation/Navigation";
import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
import arrow from "assets/icons/arrows/arrowRight.png";
import arrow from "assets/icons/arrows/arrowCalendar.png";
import emailImg from "assets/icons/emailStatistics.svg";
import link from "assets/icons/link.svg";
import project from "assets/icons/trackerProject.svg";

View File

@ -119,9 +119,6 @@ export const Summary = () => {
{profileInfo?.fio || profileInfo?.username},{" "}
{profileInfo.specification} разработчик
</p>
<hr />
<div className="summary__direction">Front End</div>
<div className="summary__level">Middle+</div>
</div>
{!openGit && (
<button className="summary__git" onClick={() => setOpenGit(true)}>

View File

@ -1,5 +1,5 @@
.summary {
background: #f4f7ff;
background: #f1f1f1;
display: flex;
flex-direction: column;
min-height: 100vh;
@ -62,7 +62,7 @@
&__person {
display: flex;
align-items: center;
column-gap: 20px;
column-gap: 45px;
@media (max-width: 825px) {
column-gap: 20px;
@ -74,8 +74,8 @@
}
&__avatar {
width: 50px;
height: 50px;
width: 88px;
height: 88px;
border-radius: 100px;
@media (max-width: 690px) {
@ -97,9 +97,9 @@
}
&__name {
color: #1458dd;
font-size: 15px;
font-weight: 500;
font-size: 16px;
line-height: 32px;
position: relative;
@media (max-width: 690px) {
@ -118,19 +118,17 @@
@media (max-width: 450px) {
max-width: 160px;
}
}
&__direction {
color: #6f6f6f;
font-size: 14px;
&:after {
content: "";
position: absolute;
background: #52b709;
border-radius: 12px;
width: 70%;
height: 8px;
bottom: -14px;
left: 0;
}
&__level {
background-color: #1458dd;
color: #ffffff;
border-radius: 44px;
font-size: 14px;
font-weight: 400;
}
&__git {