refactor: optimize user role display and update ui skills
All checks were successful
Koori-ERP-Deploy-System / deploy-demo (push) Successful in 59s
Koori-ERP-Deploy-System / deploy-production (push) Has been skipped

This commit is contained in:
2026-01-14 14:57:05 +08:00
parent f7238c2860
commit 74a084d938
2 changed files with 6 additions and 12 deletions

View File

@@ -417,14 +417,14 @@ import { Badge } from "@/Components/ui/badge";
<div <div
key={role.id} key={role.id}
className={cn( className={cn(
"inline-flex flex-col px-3 py-1.5 rounded-md border", "inline-flex items-center px-2.5 py-1 rounded-md border",
role.name === 'super-admin' role.name === 'super-admin'
? "bg-purple-50 border-purple-200" ? "bg-purple-50 border-purple-200"
: "bg-gray-50 border-gray-200" : "bg-gray-50 border-gray-200"
)} )}
> >
<div className="flex items-center gap-1"> <div className="flex items-center gap-1.5">
{role.name === 'super-admin' && <Shield className="h-3 w-3 text-purple-600" />} {role.name === 'super-admin' && <Shield className="h-3.5 w-3.5 text-purple-600" />}
<span className={cn( <span className={cn(
"text-sm font-medium", "text-sm font-medium",
role.name === 'super-admin' ? "text-purple-700" : "text-gray-900" role.name === 'super-admin' ? "text-purple-700" : "text-gray-900"
@@ -432,9 +432,6 @@ import { Badge } from "@/Components/ui/badge";
{role.display_name} {role.display_name}
</span> </span>
</div> </div>
<span className="text-[10px] text-gray-500 font-mono">
{role.name}
</span>
</div> </div>
))} ))}
</div> </div>

View File

@@ -138,14 +138,14 @@ export default function UserIndex({ users, filters }: Props) {
<div <div
key={role.id} key={role.id}
className={cn( className={cn(
"inline-flex flex-col px-3 py-1.5 rounded-md border", "inline-flex items-center px-2.5 py-1 rounded-md border",
role.name === 'super-admin' role.name === 'super-admin'
? "bg-purple-50 border-purple-200" ? "bg-purple-50 border-purple-200"
: "bg-gray-50 border-gray-200" : "bg-gray-50 border-gray-200"
)} )}
> >
<div className="flex items-center gap-1"> <div className="flex items-center gap-1.5">
{role.name === 'super-admin' && <Shield className="h-3 w-3 text-purple-600" />} {role.name === 'super-admin' && <Shield className="h-3.5 w-3.5 text-purple-600" />}
<span className={cn( <span className={cn(
"text-sm font-medium", "text-sm font-medium",
role.name === 'super-admin' ? "text-purple-700" : "text-gray-900" role.name === 'super-admin' ? "text-purple-700" : "text-gray-900"
@@ -153,9 +153,6 @@ export default function UserIndex({ users, filters }: Props) {
{role.display_name} {role.display_name}
</span> </span>
</div> </div>
<span className="text-[10px] text-gray-500 font-mono">
{role.name}
</span>
</div> </div>
)) ))
) : ( ) : (