TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-12-12 07:24:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

@zitadel/react theme wrapper, component

Browse Source
This commit is contained in:
Max Peintner
2023-04-20 17:07:26 +02:00
parent 787d177eb9
commit 238a73d923
10 changed files with 406 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/login/ui/UserAvatar.tsx
View File

@@ -1,18 +1,15 @@
import { Avatar, AvatarSize } from "#/ui/Avatar";
type Props = {
name: string;
};
export default function UserAvatar({ name }: Props) {
return (
<div className="flex w-full flex-row items-center rounded-full border p-[1px] dark:border-white/20">
{/* <Image
height={20}
width={20}
className="avatar-img"
src=""
alt="user-avatar"
/> */}
<div className="h-8 w-8 rounded-full bg-primary-light-700 dark:bg-primary-dark-800"></div>
<div className="flex h-full w-full flex-row items-center rounded-full border p-[1px] dark:border-white/20">
<div>
<Avatar size={AvatarSize.SMALL} name={name} loginName={name} />
</div>
<span className="ml-4 text-14px">{name}</span>
</div>
);