style fix

This commit is contained in:
Victor Batischev 2024-02-09 20:34:29 +03:00
parent e1516910ee
commit 5450400315
5 changed files with 54 additions and 16 deletions

View File

@ -73,7 +73,7 @@
.add-person {
background: #00c5a8;
color: white;
font-size: 14px;
font-size: 18px;
transition: all 0.15s ease;
left: -28px;
z-index: 2;

View File

@ -66,6 +66,7 @@
margin-left: 15px;
&__category {
height: 22px;
margin-right: 5px;
}

View File

@ -44,6 +44,7 @@ import TrackerSelectColumn from "@components/TrackerSelectColumn/TrackerSelectCo
import arrow from "assets/icons/arrows/arrowCalendar.png";
import arrowDown from "assets/icons/arrows/selectArrow.png";
import calendarIcon from "assets/icons/calendar.svg";
import category from "assets/icons/category.svg";
import close from "assets/icons/close.png";
import commentsBoard from "assets/icons/commentsBoard.svg";
import del from "assets/icons/delete.svg";
@ -483,8 +484,10 @@ export const ProjectTracker = () => {
<div className="tracker__tabs__content__tasks tasks active__content">
<div className="tasks__head">
<div className="tasks__head__wrapper">
<h5>{projectBoard.name}</h5>
<div className="tasks__head__title">
<img src={category}></img>
<h5>{projectBoard.name}</h5>
</div>
<div className="tasks__head__add">
<BaseButton
onClick={() => {
@ -541,7 +544,6 @@ export const ProjectTracker = () => {
>
+
</span>
<p>добавить участника</p>
<ListEmployees
active={personListOpen}
@ -635,7 +637,11 @@ export const ProjectTracker = () => {
}}
>
<p>Список тегов</p>
<span>+</span>
<img
className={tags.open ? "open" : ""}
src={arrowDown}
alt="arrow"
/>
</div>
{tags.open && (
<div className="tags__list">
@ -755,6 +761,19 @@ export const ProjectTracker = () => {
>
{tags.add ? "Добавить" : "Изменить"}
</button>
{tags.add && (
<button
className={"form-tag__btn"}
onClick={() =>
setTags((prevState) => ({
...prevState,
add: !tags.add
}))
}
>
Отмена
</button>
)}
</div>
)}
</div>

View File

@ -27,7 +27,7 @@ import BackEndImg from "assets/images/partnerProfile/personalBackEnd.svg";
import "./quiz-page.scss";
export const QuizPage = () => {
const [questionnaires, setQuestionnaires] = useState([]);
const [questionnaires, setQuestionnaires] = useState(null);
const dispatch = useDispatch();
const [personalInfoItems] = useState([
{
@ -129,7 +129,8 @@ export const QuizPage = () => {
{/*</div>*/}
<div className="quiz-page__block">Доступные тесты</div>
<div className="quiz-page__cards-test">
{questionnaires.length ? (
{questionnaires &&
questionnaires.length > 0 &&
questionnaires.map((item, index) => (
<CardAvailableTest
description={item.description}
@ -139,9 +140,9 @@ export const QuizPage = () => {
passedTest={item.passedTest}
key={index}
/>
))
) : (
<h1>Анкет нет</h1>
))}
{questionnaires && questionnaires.length === 0 && (
<h1>Нет доступных тестов</h1>
)}
</div>
{/*<div className="block-text">*/}

View File

@ -219,6 +219,16 @@
border-bottom: 1px solid #dde2e4;
padding: 0 35px 15px;
&__title {
display: flex;
align-items: center;
column-gap: 5px;
img {
margin-left: -22px;
height: 22px;
}
}
@media (max-width: 1000px) {
padding: 0 15px 15px;
}
@ -250,7 +260,7 @@
font-size: 22px;
line-height: 32px;
margin-bottom: 0;
max-width: 21%;
max-width: 160px;
word-break: break-all;
overflow: hidden;
white-space: nowrap;
@ -456,8 +466,8 @@
}
img {
width: 15px;
height: 15px;
width: 20px;
height: 20px;
}
&:hover {
@ -502,6 +512,13 @@
&__tags {
position: relative;
img {
transition: all 0.15s ease;
margin-left: 5px;
}
.open {
transform: rotate(180deg);
}
.tags {
&__add {
display: flex;
@ -571,8 +588,8 @@
justify-content: space-between;
padding: 0px 8px;
border-radius: 8px;
height: 50px;
max-height: 50px;
height: 40px;
max-height: 40px;
background: #fff;
&__description {
@ -676,7 +693,7 @@
border: none;
background: #252c32;
color: whitesmoke;
margin: 10px auto 0;
margin: 0 auto 0;
border-radius: 10px;
font-size: 15px;
padding: 5px 12px;