refactor: optimize user role display and update ui skills
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
))
|
))
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
Reference in New Issue
Block a user