webskel/dolphins7.skeleton
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

frontend: improve Projects.tsx

Browse source
This commit is contained in:
0x1eef 2024-01-17 09:10:58 -03:00
parent ed761c2418
commit d7ee9e50e6
1 changed files with 24 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
twenty-frontend/src/js/components/Projects.tsx
View file

@ -16,21 +16,27 @@ export function Projects() {
} }
return ( return (
<div className="two-columns"> <div className="flex">
<div className="column-1"> <div className="w-1/4">
<NavBar /> <NavBar />
</div> </div>
<div className="column-2"> <div className="w-3/4">
<div className="panel"> <h1 className="bg-secondary text-primary p-3 rounded">Projects</h1>
<h1>Projects</h1> <ul className="flex flex-wrap">
<div className="panel-body">
<ul className="collection">
{projects.map((project: Project, i: number) => { {projects.map((project: Project, i: number) => {
return ( return (
<li className="item" key={i}> <li
<a href={`/tasks#project_id=${project.id}`}> className="flex flex-row p-3 hover-bg-secondary w-full"
<span className="title">{project.name}</span> key={i}
<span className="subtitle">{project.path}</span> >
<a
className="no-underline text-accent block h-14"
href={`/tasks/#projectId=${project.id}`}
>
<span className="block w-full">{project.name}</span>
<span className="block w-full text-smaller text-secondary">
{project.path}
</span>
</a> </a>
</li> </li>
); );
@ -38,7 +44,5 @@ export function Projects() {
</ul> </ul>
</div> </div>
</div> </div>
</div>
</div>
); );
} }