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

Fixed project card

Browse Source
This commit is contained in:
MaxOvs19 2023-11-07 16:37:03 +03:00
parent e0da5ed74a
commit b0049cbd7e
3 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -74,7 +74,10 @@ export const ProjectTiket = ({ project, index }) => {
return ( return (
<div className="project" key={index}> <div className="project" key={index}>
<Link to={`/tracker/project/${project.id}`}> <Link
to={`/tracker/project/${project.id}`}
className="project__open-traker"
>
<p className="project__link">{project.name}</p> <p className="project__link">{project.name}</p>
<div className="project__info"> <div className="project__info">
@ -93,6 +96,7 @@ export const ProjectTiket = ({ project, index }) => {
<span className="menu-settings" onClick={() => setModalSelect(true)}> <span className="menu-settings" onClick={() => setModalSelect(true)}>
... ...
</span> </span>
<Link <Link
to={`/profile/statistics/${project.id}`} to={`/profile/statistics/${project.id}`}
className="project__statistics" className="project__statistics"

14
src/components/ProjectTiket/projectTiket.scss
View File

@ -1,10 +1,12 @@
.project { .project {
display: flex;
flex-direction: column;
position: relative; position: relative;
width: 322px; width: 322px;
background: #f1f1f1; background: #f1f1f1;
border-radius: 12px; border-radius: 12px;
padding: 17px 26px 16px;
cursor: pointer; cursor: pointer;
max-width: 440px; max-width: 440px;
transition: 0.4s; transition: 0.4s;
@ -43,7 +45,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
position: relative; position: relative;
margin-bottom: 27px; margin-bottom: 45px;
p { p {
color: #6f6f6f; color: #6f6f6f;
@ -94,9 +96,15 @@
margin-left: 56px; margin-left: 56px;
} }
&__open-traker {
padding: 17px 26px 16px;
}
&__statistics { &__statistics {
position: absolute;
bottom: 18px;
left: 26px;
color: #678eda; color: #678eda;
margin-top: 27px;
text-decoration: underline; text-decoration: underline;
font-size: 12px; font-size: 12px;
font-weight: 300; font-weight: 300;

4
src/pages/Tracker/Tracker.jsx
View File

@ -197,7 +197,7 @@ export const Tracker = () => {
!loader && !loader &&
projects.map((project, index) => { projects.map((project, index) => {
return project.status !== 10 ? ( return project.status !== 10 ? (
<ProjectTiket key={index} project={project}></ProjectTiket> <ProjectTiket key={index} project={project} />
) : ( ) : (
"" ""
); );
@ -452,7 +452,7 @@ export const Tracker = () => {
{Boolean(filterCompleteTasks.length) ? ( {Boolean(filterCompleteTasks.length) ? (
filterCompleteTasks.map((task, index) => { filterCompleteTasks.map((task, index) => {
return ( return (
<tr> <tr key={index}>
<td className="archive__completeTask__description"> <td className="archive__completeTask__description">
<p className="completeTask__title"> <p className="completeTask__title">
{task.title} {task.title}