mirror of
https://github.com/Radiquum/AniX.git
synced 2025-04-29 17:39:41 +05:00
refactor: start redesign of user page
This commit is contained in:
parent
68a7117a97
commit
8cf1bb534d
5 changed files with 211 additions and 185 deletions
15
app/components/Profile/Profile.Role.tsx
Normal file
15
app/components/Profile/Profile.Role.tsx
Normal file
|
@ -0,0 +1,15 @@
|
|||
interface UserRoleProps {
|
||||
name: string;
|
||||
color: string;
|
||||
}
|
||||
|
||||
export const UserRole = ({ name, color }: UserRoleProps) => {
|
||||
return (
|
||||
<div
|
||||
className={`text-[var(--color)] border border-[var(--color)] rounded-md`}
|
||||
style={{ "--color": `#${color}` } as React.CSSProperties}
|
||||
>
|
||||
<p className="px-1.5 py-0.5">{name}</p>
|
||||
</div>
|
||||
);
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue