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:04 +00:00
parent 4a1ba48f89
commit 5a0efda535
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Index.tsx
+5 -5
View File
@@ -86,7 +86,7 @@ export default function IndexPage() {
<Card key={kpi.title} className="border-0 shadow-sm backdrop-blur-sm bg-card/80 border-border/50 hover:-translate-y-1 hover:shadow-lg transition-all duration-300 animate-fade-up">
<CardContent className="p-6">
<div className="flex items-center justify-between">
<div className={`flex items-center justify-center h-12 w-12 rounded-xl \${kpi.color}`}>
<div className={`flex items-center justify-center h-12 w-12 rounded-xl ${kpi.color}`}>
<kpi.icon className="h-6 w-6" />
</div>
<Button variant="ghost" size="sm" className="h-8 w-8 p-0 text-slate-400">
@@ -116,7 +116,7 @@ export default function IndexPage() {
<CardContent className="space-y-4">
{activityFeed.map((item, i) => (
<div key={i} className="flex items-start gap-3 p-2 rounded-lg backdrop-blur-sm bg-card/80 border-border/50">
<div className={`h-8 w-8 rounded-full \${item.color} flex items-center justify-center shrink-0`}>
<div className={`h-8 w-8 rounded-full ${item.color} flex items-center justify-center shrink-0`}>
<span className="text-xs font-semibold text-white">{item.initials}</span>
</div>
<div className="flex-1 min-w-0">
@@ -145,12 +145,12 @@ export default function IndexPage() {
</CardHeader>
<CardContent className="space-y-2">
{tasks.map((task) => (
<div key={task.id} className={`flex items-center gap-3 p-3 rounded-lg hover:bg-slate-50 transition-colors \${task.done ? "opacity-60" : ""}`}>
<div key={task.id} className={`flex items-center gap-3 p-3 rounded-lg hover:bg-slate-50 transition-colors ${task.done ? "opacity-60" : ""}`}>
<Checkbox checked={task.done} onCheckedChange={() => toggleTask(task.id)} className="border-slate-300 data-[state=checked]:bg-violet-600 data-[state=checked]:border-violet-600" />
<div className="flex-1 min-w-0">
<p className={`text-sm font-medium \${task.done ? "line-through text-slate-400" : "text-slate-900"}`}>{task.title}</p>
<p className={`text-sm font-medium ${task.done ? "line-through text-slate-400" : "text-slate-900"}`}>{task.title}</p>
</div>
<Badge className={`\${task.priorityColor} text-xs font-medium border-0`}>{task.priority}</Badge>
<Badge className={`${task.priorityColor} text-xs font-medium border-0`}>{task.priority}</Badge>
<span className="text-xs text-slate-400 hidden sm:block">{task.due}</span>
<Avatar className="h-6 w-6">
<AvatarFallback className="text-[10px] bg-violet-100 text-violet-700">{task.assignee}</AvatarFallback>