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

Seed: dashboard template (24 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:56:51 +00:00
parent d8b86a026a
commit 3da489d6fa
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Users.tsx
+4 -4
View File
@@ -121,7 +121,7 @@ export default function UsersPage() {
</TableHeader> </TableHeader>
<TableBody> <TableBody>
{filteredUsers.map((user, idx) => ( {filteredUsers.map((user, idx) => (
<TableRow key={user.id} className={`border-slate-100 hover:bg-muted/50 transition-colors \${idx % 2 === 1 ? "bg-muted/30" : ""}`}> <TableRow key={user.id} className={`border-slate-100 hover:bg-muted/50 transition-colors ${idx % 2 === 1 ? "bg-muted/30" : ""}`}>
<TableCell> <TableCell>
<input <input
type="checkbox" type="checkbox"
@@ -140,14 +140,14 @@ export default function UsersPage() {
</TableCell> </TableCell>
<TableCell className="text-slate-600">{user.email}</TableCell> <TableCell className="text-slate-600">{user.email}</TableCell>
<TableCell> <TableCell>
<Badge variant="secondary" className={`\${user.roleColor} border-0 font-medium`}> <Badge variant="secondary" className={`${user.roleColor} border-0 font-medium`}>
{user.role} {user.role}
</Badge> </Badge>
</TableCell> </TableCell>
<TableCell> <TableCell>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className={`h-2 w-2 rounded-full \${user.status === "Active" ? "bg-emerald-500" : "bg-slate-400"}`} /> <span className={`h-2 w-2 rounded-full ${user.status === "Active" ? "bg-emerald-500" : "bg-slate-400"}`} />
<span className={`text-sm font-medium \${user.status === "Active" ? "text-emerald-700" : "text-slate-500"}`}>{user.status}</span> <span className={`text-sm font-medium ${user.status === "Active" ? "text-emerald-700" : "text-slate-500"}`}>{user.status}</span>
</div> </div>
</TableCell> </TableCell>
<TableCell className="text-slate-500">{user.joined}</TableCell> <TableCell className="text-slate-500">{user.joined}</TableCell>