vibeasite-templates/template-project-management
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: project-management template (23 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 23:01:06 +00:00
parent 285bddae37
commit 1c335d132a
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Tasks.tsx
+4 -4
View File
@@ -141,7 +141,7 @@ export default function TasksPage() {
{/* Column Header */} {/* Column Header */}
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className={`h-2.5 w-2.5 rounded-full \${column.dotColor}`} /> <div className={`h-2.5 w-2.5 rounded-full ${column.dotColor}`} />
<h2 className="font-semibold text-slate-900">{column.title}</h2> <h2 className="font-semibold text-slate-900">{column.title}</h2>
<Badge variant="secondary" className="text-xs">{column.tasks.length}</Badge> <Badge variant="secondary" className="text-xs">{column.tasks.length}</Badge>
</div> </div>
@@ -163,18 +163,18 @@ export default function TasksPage() {
</div> </div>
<div className="flex flex-wrap gap-1.5 mb-3"> <div className="flex flex-wrap gap-1.5 mb-3">
{task.tags.map((tag, i) => ( {task.tags.map((tag, i) => (
<Badge key={i} className={`\${tag.color} text-[10px] font-medium border-0 px-1.5 py-0`}>{tag.label}</Badge> <Badge key={i} className={`${tag.color} text-[10px] font-medium border-0 px-1.5 py-0`}>{tag.label}</Badge>
))} ))}
</div> </div>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Badge className={`\${task.priorityColor} text-[10px] font-medium border-0`}>{task.priority}</Badge> <Badge className={`${task.priorityColor} text-[10px] font-medium border-0`}>{task.priority}</Badge>
<span className="text-[11px] text-slate-400 flex items-center gap-1"> <span className="text-[11px] text-slate-400 flex items-center gap-1">
<Calendar className="h-3 w-3" />{task.due} <Calendar className="h-3 w-3" />{task.due}
</span> </span>
</div> </div>
<Avatar className="h-6 w-6"> <Avatar className="h-6 w-6">
<AvatarFallback className={`text-[10px] text-white \${task.assigneeColor}`}>{task.assignee}</AvatarFallback> <AvatarFallback className={`text-[10px] text-white ${task.assigneeColor}`}>{task.assignee}</AvatarFallback>
</Avatar> </Avatar>
</div> </div>
</CardContent> </CardContent>