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