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

Seed: product-management template (23 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 23:01:41 +00:00
parent 35d869cb4e
commit 86a215b48b
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
@@ -113,7 +113,7 @@ export default function IndexPage() {
{/* 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.features.length}</Badge> <Badge variant="secondary" className="text-xs">{column.features.length}</Badge>
</div> </div>
@@ -125,7 +125,7 @@ export default function IndexPage() {
{/* Feature Cards */} {/* Feature Cards */}
<div className="space-y-3"> <div className="space-y-3">
{column.features.map((feature) => ( {column.features.map((feature) => (
<Card key={feature.id} className={`border shadow-sm backdrop-blur-sm bg-card/80 border-border/50 hover:-translate-y-1 hover:shadow-lg transition-all duration-300 cursor-pointer group \${column.color}`}> <Card key={feature.id} className={`border shadow-sm backdrop-blur-sm bg-card/80 border-border/50 hover:-translate-y-1 hover:shadow-lg transition-all duration-300 cursor-pointer group ${column.color}`}>
<CardContent className="p-4"> <CardContent className="p-4">
<div className="flex items-start justify-between mb-2"> <div className="flex items-start justify-between mb-2">
<h3 className="font-medium text-slate-900 text-sm leading-tight">{feature.title}</h3> <h3 className="font-medium text-slate-900 text-sm leading-tight">{feature.title}</h3>
@@ -136,8 +136,8 @@ export default function IndexPage() {
<p className="text-xs text-slate-500 mb-3 line-clamp-2">{feature.description}</p> <p className="text-xs text-slate-500 mb-3 line-clamp-2">{feature.description}</p>
<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={`\${feature.priorityColor} text-[10px] font-semibold border-0 px-1.5 py-0`}>{feature.priority}</Badge> <Badge className={`${feature.priorityColor} text-[10px] font-semibold border-0 px-1.5 py-0`}>{feature.priority}</Badge>
<Badge className={`\${feature.statusColor} text-[10px] font-medium border-0 px-1.5 py-0`}>{feature.status}</Badge> <Badge className={`${feature.statusColor} text-[10px] font-medium border-0 px-1.5 py-0`}>{feature.status}</Badge>
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<button <button
@@ -148,7 +148,7 @@ export default function IndexPage() {
<span>{feature.votes}</span> <span>{feature.votes}</span>
</button> </button>
<Avatar className="h-5 w-5"> <Avatar className="h-5 w-5">
<AvatarFallback className={`text-[8px] text-white \${feature.assigneeColor}`}>{feature.assignee}</AvatarFallback> <AvatarFallback className={`text-[8px] text-white ${feature.assigneeColor}`}>{feature.assignee}</AvatarFallback>
</Avatar> </Avatar>
</div> </div>
</div> </div>